@wix/design-system 1.0.0

package/dist/cjs/FillPreview/FillPreview.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Proportion = _interopRequireDefault(require("../Proportion"));
+var _utils = require("./utils");
+var _constants = require("./constants");
+var _FillPreviewSt = require("./FillPreview.st.css.js");
+var _ButtonCore = _interopRequireDefault(require("../Button/ButtonCore"));
+var _excluded = ["fill", "onClick", "selected", "disabled", "dataHook", "aspectRatio", "as", "className"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/FillPreview/FillPreview.js";
+class FillPreview extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this._getBackground = fill => {
+      var {
+        disabled
+      } = this.props;
+      if ((0, _utils.parseUrl)(fill) && !disabled) {
+        return {
+          backgroundImage: "url('".concat(fill, "')"),
+          backgroundSize: 'cover',
+          backgroundPosition: 'center center',
+          backgroundRepeat: 'no-repeat'
+        };
+      }
+      if ((0, _utils.parseColor)(fill) && !disabled) {
+        return {
+          backgroundColor: fill
+        };
+      }
+      if ((0, _utils.parseGradient)(fill) && !disabled) {
+        return {
+          backgroundImage: fill
+        };
+      }
+      if ((0, _utils.parseElement)(fill) && !disabled) {
+        return;
+      }
+      if (disabled) {
+        return;
+      }
+      return {
+        background: "linear-gradient(\n        to top left,\n        rgba(255, 255, 255, 1) 0%,\n        rgba(255, 255, 255, 1) calc(50% - 0.8px),\n        rgba(214, 69, 61, 1) 50%,\n        rgba(255, 255, 255, 1) calc(50% + 0.8px),\n        rgba(255, 255, 255, 1) 100%)"
+      };
+    };
+  }
+  render() {
+    var _this$props = this.props,
+      {
+        fill,
+        onClick,
+        selected,
+        disabled,
+        dataHook,
+        aspectRatio,
+        as,
+        className
+      } = _this$props,
+      rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    var background = this._getBackground(fill);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _FillPreviewSt.st)(_FillPreviewSt.classes.root, {
+        selected
+      }, className),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Proportion.default, {
+      dataHook: dataHook,
+      aspectRatio: aspectRatio,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 70,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ButtonCore.default, (0, _extends2.default)({}, rest, {
+      as: as,
+      "data-selected": selected,
+      className: _FillPreviewSt.classes.button,
+      "data-hook": _constants.dataHooks.button,
+      style: background,
+      onClick: onClick,
+      disabled: disabled,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 11
+      }
+    }), !background && /*#__PURE__*/_react.default.isValidElement(fill) && fill)));
+  }
+}
+FillPreview.displayName = 'FillPreview';
+FillPreview.propTypes = {
+  /** Applies a data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Specify a CSS class name to be appended to the component’s root element */
+  className: _propTypes.default.string,
+  /** Render fill preview as another component or DOM tag (i.e. anchor element <a/>) */
+  as: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.string]),
+  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */
+  tabIndex: _propTypes.default.number,
+  /** Specify a color, a gradient, image URL or SVG to be rendered as a preview content */
+  fill: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  /** Specifies whether preview is selected or not. Selected item receives an outline border style. */
+  selected: _propTypes.default.bool,
+  /** Defines a callback handler. Handler is called whenever a preview is clicked.  */
+  onClick: _propTypes.default.func,
+  /** Specify whether preview should be disabled or not */
+  disabled: _propTypes.default.bool,
+  /** Control elements aspect ratio value  */
+  aspectRatio: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+};
+FillPreview.defaultProps = {
+  selected: false
+};
+var _default = FillPreview;
+exports.default = _default;
+//# sourceMappingURL=FillPreview.js.map

package/dist/cjs/FillPreview/FillPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FillPreview","React","PureComponent","_getBackground","fill","disabled","props","parseUrl","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","parseColor","backgroundColor","parseGradient","parseElement","background","render","onClick","selected","dataHook","aspectRatio","as","className","rest","st","classes","root","button","dataHooks","isValidElement","displayName","propTypes","PropTypes","string","oneOfType","func","object","tabIndex","number","node","bool","defaultProps"],"sources":["../../../src/FillPreview/FillPreview.js"],"sourcesContent":["import React from 'react';\n\nimport PropTypes from 'prop-types';\nimport Proportion from '../Proportion';\n\nimport { parseColor, parseGradient, parseUrl, parseElement } from './utils';\nimport { dataHooks } from './constants';\nimport { st, classes } from './FillPreview.st.css';\nimport ButtonCore from '../Button/ButtonCore';\n\nclass FillPreview extends React.PureComponent {\n  static displayName = 'FillPreview';\n\n  _getBackground = fill => {\n    const { disabled } = this.props;\n\n    if (parseUrl(fill) && !disabled) {\n      return {\n        backgroundImage: `url('${fill}')`,\n        backgroundSize: 'cover',\n        backgroundPosition: 'center center',\n        backgroundRepeat: 'no-repeat',\n      };\n    }\n\n    if (parseColor(fill) && !disabled) {\n      return { backgroundColor: fill };\n    }\n\n    if (parseGradient(fill) && !disabled) {\n      return {\n        backgroundImage: fill,\n      };\n    }\n\n    if (parseElement(fill) && !disabled) {\n      return;\n    }\n\n    if (disabled) {\n      return;\n    }\n\n    return {\n      background: `linear-gradient(\n        to top left,\n        rgba(255, 255, 255, 1) 0%,\n        rgba(255, 255, 255, 1) calc(50% - 0.8px),\n        rgba(214, 69, 61, 1) 50%,\n        rgba(255, 255, 255, 1) calc(50% + 0.8px),\n        rgba(255, 255, 255, 1) 100%)`,\n    };\n  };\n\n  render() {\n    const {\n      fill,\n      onClick,\n      selected,\n      disabled,\n      dataHook,\n      aspectRatio,\n      as,\n      className,\n      ...rest\n    } = this.props;\n    const background = this._getBackground(fill);\n    return (\n      <div className={st(classes.root, { selected }, className)}>\n        <Proportion dataHook={dataHook} aspectRatio={aspectRatio}>\n          <ButtonCore\n            {...rest}\n            as={as}\n            data-selected={selected}\n            className={classes.button}\n            data-hook={dataHooks.button}\n            style={background}\n            onClick={onClick}\n            disabled={disabled}\n          >\n            {!background && React.isValidElement(fill) && fill}\n          </ButtonCore>\n        </Proportion>\n      </div>\n    );\n  }\n}\n\nFillPreview.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specify a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Render fill preview as another component or DOM tag (i.e. anchor element <a/>) */\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */\n  tabIndex: PropTypes.number,\n\n  /** Specify a color, a gradient, image URL or SVG to be rendered as a preview content */\n  fill: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** Specifies whether preview is selected or not. Selected item receives an outline border style. */\n  selected: PropTypes.bool,\n\n  /** Defines a callback handler. Handler is called whenever a preview is clicked.  */\n  onClick: PropTypes.func,\n\n  /** Specify whether preview should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Control elements aspect ratio value  */\n  aspectRatio: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nFillPreview.defaultProps = {\n  selected: false,\n};\n\nexport default FillPreview;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAA8C;AAAA;AAE9C,MAAMA,WAAW,SAASC,cAAK,CAACC,aAAa,CAAC;EAAA;IAAA;IAAA,KAG5CC,cAAc,GAAGC,IAAI,IAAI;MACvB,IAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,KAAK;MAE/B,IAAI,IAAAC,eAAQ,EAACH,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC/B,OAAO;UACLG,eAAe,iBAAUJ,IAAI,OAAI;UACjCK,cAAc,EAAE,OAAO;UACvBC,kBAAkB,EAAE,eAAe;UACnCC,gBAAgB,EAAE;QACpB,CAAC;MACH;MAEA,IAAI,IAAAC,iBAAU,EAACR,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;QACjC,OAAO;UAAEQ,eAAe,EAAET;QAAK,CAAC;MAClC;MAEA,IAAI,IAAAU,oBAAa,EAACV,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;QACpC,OAAO;UACLG,eAAe,EAAEJ;QACnB,CAAC;MACH;MAEA,IAAI,IAAAW,mBAAY,EAACX,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;QACnC;MACF;MAEA,IAAIA,QAAQ,EAAE;QACZ;MACF;MAEA,OAAO;QACLW,UAAU;MAOZ,CAAC;IACH,CAAC;EAAA;EAEDC,MAAM,GAAG;IACP,kBAUI,IAAI,CAACX,KAAK;MAVR;QACJF,IAAI;QACJc,OAAO;QACPC,QAAQ;QACRd,QAAQ;QACRe,QAAQ;QACRC,WAAW;QACXC,EAAE;QACFC;MAEF,CAAC;MADIC,IAAI;IAET,IAAMR,UAAU,GAAG,IAAI,CAACb,cAAc,CAACC,IAAI,CAAC;IAC5C,oBACE;MAAK,SAAS,EAAE,IAAAqB,iBAAE,EAACC,sBAAO,CAACC,IAAI,EAAE;QAAER;MAAS,CAAC,EAAEI,SAAS,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACxD,6BAAC,mBAAU;MAAC,QAAQ,EAAEH,QAAS;MAAC,WAAW,EAAEC,WAAY;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACvD,6BAAC,mBAAU,6BACLG,IAAI;MACR,EAAE,EAAEF,EAAG;MACP,iBAAeH,QAAS;MACxB,SAAS,EAAEO,sBAAO,CAACE,MAAO;MAC1B,aAAWC,oBAAS,CAACD,MAAO;MAC5B,KAAK,EAAEZ,UAAW;MAClB,OAAO,EAAEE,OAAQ;MACjB,QAAQ,EAAEb,QAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,IAElB,CAACW,UAAU,iBAAIf,cAAK,CAAC6B,cAAc,CAAC1B,IAAI,CAAC,IAAIA,IAAI,CACvC,CACF,CACT;EAEV;AACF;AA5EMJ,WAAW,CACR+B,WAAW,GAAG,aAAa;AA6EpC/B,WAAW,CAACgC,SAAS,GAAG;EACtB;EACAZ,QAAQ,EAAEa,kBAAS,CAACC,MAAM;EAE1B;EACAX,SAAS,EAAEU,kBAAS,CAACC,MAAM;EAE3B;EACAZ,EAAE,EAAEW,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,IAAI,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACC,MAAM,CAAC,CAAC;EAE7E;EACAI,QAAQ,EAAEL,kBAAS,CAACM,MAAM;EAE1B;EACAnC,IAAI,EAAE6B,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACO,IAAI,CAAC,CAAC;EAE7D;EACArB,QAAQ,EAAEc,kBAAS,CAACQ,IAAI;EAExB;EACAvB,OAAO,EAAEe,kBAAS,CAACG,IAAI;EAEvB;EACA/B,QAAQ,EAAE4B,kBAAS,CAACQ,IAAI;EAExB;EACApB,WAAW,EAAEY,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC;AACvE,CAAC;AAEDvC,WAAW,CAAC0C,YAAY,GAAG;EACzBvB,QAAQ,EAAE;AACZ,CAAC;AAAC,eAEanB,WAAW;AAAA"}

package/dist/cjs/FillPreview/FillPreview.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=FillPreview.meta.js.map

package/dist/cjs/FillPreview/FillPreview.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/FillPreview/FillPreview.meta.tsx"],"sourcesContent":["import { FillPreviewProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: FillPreviewProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as FillPreviewProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA+B,GAAG,CAAC,CAAC;;AAEjD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/FillPreview/FillPreview.st.css

@@ -0,0 +1,53 @@
+:import {
+  -st-from: '../Button/ButtonCore/ButtonCore.st.css';
+  -st-default: ButtonCore;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: B00-24, B00-42, B00-60, B30, B40, B10, F00, D80, D10-10;
+}
+
+.root {
+  -st-states: selected;
+  display: flex;
+  min-width: 24px;
+  min-height: 24px;
+  width: 100%;
+  height: 100%;
+}
+
+.root:selected .button {
+  box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 3px value(B10);
+}
+
+.button {
+  -st-extends: ButtonCore;
+  border-radius: 6px;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid value(B00-24);
+  background-color: transparent;
+
+  /* Disable native focus */
+  outline: none;
+}
+
+.button:hover {
+  border: 1px solid value(B00-60);
+}
+
+.button:disabled {
+  background-color: value(D10-10);
+  border: none;
+}
+
+.button:not(:disabled):focus-visible  {
+  box-shadow: 0 0 0 3px value(F00);
+}
+
+

package/dist/cjs/FillPreview/FillPreview.st.css.js

@@ -0,0 +1,25 @@
+
+require("../Button/ButtonCore/ButtonCore.st.css.js");
+require("../Foundation/stylable/colors.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_FillPreview";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_FillPreview__root","button":"wds_1_0_0_FillPreview__button"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/FillPreview/FillPreview.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=FillPreview.uni.driver.d.js.map

package/dist/cjs/FillPreview/FillPreview.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/FillPreview/FillPreview.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\n\nexport interface FillPreviewUniDriver extends BaseUniDriver {\n  isSelected: () => Promise<boolean>;\n}\n"],"mappings":""}

package/dist/cjs/FillPreview/FillPreview.uni.driver.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.fillPreviewDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+var fillPreviewDriverFactory = base => {
+  var {
+    element,
+    exists
+  } = (0, _baseDriver.baseUniDriverFactory)(base);
+  return {
+    exists,
+    element,
+    /** clicks on button */
+    click: () => base.$('[data-hook="fill-preview-button"]').click(),
+    /** returns true if item is selected */
+    isSelected: function () {
+      var _isSelected = (0, _asyncToGenerator2.default)(function* () {
+        return base.$('[data-hook="fill-preview-button"]').attr('data-selected').then(x => x === 'true');
+      });
+      function isSelected() {
+        return _isSelected.apply(this, arguments);
+      }
+      return isSelected;
+    }()
+  };
+};
+exports.fillPreviewDriverFactory = fillPreviewDriverFactory;
+//# sourceMappingURL=FillPreview.uni.driver.js.map

package/dist/cjs/FillPreview/FillPreview.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fillPreviewDriverFactory","base","element","exists","baseUniDriverFactory","click","$","isSelected","attr","then","x"],"sources":["../../../src/FillPreview/FillPreview.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\n\nexport const fillPreviewDriverFactory = base => {\n  const { element, exists } = baseUniDriverFactory(base);\n  return {\n    exists,\n    element,\n    /** clicks on button */\n    click: () => base.$('[data-hook=\"fill-preview-button\"]').click(),\n    /** returns true if item is selected */\n    isSelected: async () =>\n      base\n        .$('[data-hook=\"fill-preview-button\"]')\n        .attr('data-selected')\n        .then(x => x === 'true'),\n  };\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,wBAAwB,GAAGC,IAAI,IAAI;EAC9C,IAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAoB,EAACH,IAAI,CAAC;EACtD,OAAO;IACLE,MAAM;IACND,OAAO;IACP;IACAG,KAAK,EAAE,MAAMJ,IAAI,CAACK,CAAC,CAAC,mCAAmC,CAAC,CAACD,KAAK,EAAE;IAChE;IACAE,UAAU;MAAA,kDAAE;QAAA,OACVN,IAAI,CACDK,CAAC,CAAC,mCAAmC,CAAC,CACtCE,IAAI,CAAC,eAAe,CAAC,CACrBC,IAAI,CAACC,CAAC,IAAIA,CAAC,KAAK,MAAM,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAC9B,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/FillPreview/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var dataHooks = {
+  button: 'fill-preview-button'
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/FillPreview/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","button"],"sources":["../../../src/FillPreview/constants.js"],"sourcesContent":["export const dataHooks = {\n  button: 'fill-preview-button',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,MAAM,EAAE;AACV,CAAC;AAAC"}

package/dist/cjs/FillPreview/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class FillPreview extends React.Component {}
+exports.default = FillPreview;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/FillPreview/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FillPreview","React","Component"],"sources":["../../../src/FillPreview/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { ButtonWithAsProp } from '../Button';\n\nexport type FillPreviewProps = ButtonWithAsProp<{\n  fill?: React.ReactNode;\n  selected?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  disabled?: boolean;\n  tabIndex?: number;\n  aspectRatio?: string | number;\n  dataHook?: string;\n  className?: string;\n}>;\n\nexport default class FillPreview extends React.Component<FillPreviewProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAchB,MAAMA,WAAW,SAASC,KAAK,CAACC,SAAS,CAAmB;AAAE"}

package/dist/cjs/FillPreview/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _FillPreview = _interopRequireDefault(require("./FillPreview.js"));
+exports.default = _FillPreview.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/FillPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/FillPreview/index.js"],"sourcesContent":["export { default } from './FillPreview.js';\n"],"mappings":";;;;;AAAA;AAA2C"}

package/dist/cjs/FillPreview/utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.parseUrl = exports.parseGradient = exports.parseElement = exports.parseColor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UrlUtils = require("../utils/UrlUtils");
+var _gradientParser = _interopRequireDefault(require("gradient-parser"));
+var _color = _interopRequireDefault(require("color"));
+var parseColor = fill => {
+  if (typeof fill !== 'string') {
+    return;
+  }
+  try {
+    return (0, _color.default)(fill);
+  } catch (_unused) {
+    return;
+  }
+};
+exports.parseColor = parseColor;
+var parseGradient = fill => {
+  if (typeof fill !== 'string') {
+    return;
+  }
+  try {
+    return _gradientParser.default.parse(fill);
+  } catch (_unused2) {
+    return;
+  }
+};
+exports.parseGradient = parseGradient;
+var parseUrl = fill => {
+  if (typeof fill !== 'string') {
+    return;
+  }
+  if ((0, _UrlUtils.isUrl)(fill)) {
+    return fill;
+  }
+  if (/.jpg|.png|.svg/.test(fill)) {
+    return "".concat(location.hostname, "/").concat(fill);
+  }
+  return;
+};
+exports.parseUrl = parseUrl;
+var parseElement = fill => {
+  if (typeof fill !== 'string') {
+    if ( /*#__PURE__*/_react.default.isValidElement(fill)) {
+      return fill;
+    }
+  }
+  return;
+};
+exports.parseElement = parseElement;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/FillPreview/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseColor","fill","resolveColor","parseGradient","gradient","parse","parseUrl","isUrl","test","location","hostname","parseElement","React","isValidElement"],"sources":["../../../src/FillPreview/utils.js"],"sourcesContent":["import React from 'react';\nimport { isUrl } from '../utils/UrlUtils';\nimport gradient from 'gradient-parser';\nimport resolveColor from 'color';\n\nexport const parseColor = fill => {\n  if (typeof fill !== 'string') {\n    return;\n  }\n  try {\n    return resolveColor(fill);\n  } catch {\n    return;\n  }\n};\n\nexport const parseGradient = fill => {\n  if (typeof fill !== 'string') {\n    return;\n  }\n  try {\n    return gradient.parse(fill);\n  } catch {\n    return;\n  }\n};\n\nexport const parseUrl = fill => {\n  if (typeof fill !== 'string') {\n    return;\n  }\n\n  if (isUrl(fill)) {\n    return fill;\n  }\n\n  if (/.jpg|.png|.svg/.test(fill)) {\n    return `${location.hostname}/${fill}`;\n  }\n\n  return;\n};\n\nexport const parseElement = fill => {\n  if (typeof fill !== 'string') {\n    if (React.isValidElement(fill)) {\n      return fill;\n    }\n  }\n  return;\n};\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,UAAU,GAAGC,IAAI,IAAI;EAChC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B;EACF;EACA,IAAI;IACF,OAAO,IAAAC,cAAY,EAACD,IAAI,CAAC;EAC3B,CAAC,CAAC,gBAAM;IACN;EACF;AACF,CAAC;AAAC;AAEK,IAAME,aAAa,GAAGF,IAAI,IAAI;EACnC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B;EACF;EACA,IAAI;IACF,OAAOG,uBAAQ,CAACC,KAAK,CAACJ,IAAI,CAAC;EAC7B,CAAC,CAAC,iBAAM;IACN;EACF;AACF,CAAC;AAAC;AAEK,IAAMK,QAAQ,GAAGL,IAAI,IAAI;EAC9B,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B;EACF;EAEA,IAAI,IAAAM,eAAK,EAACN,IAAI,CAAC,EAAE;IACf,OAAOA,IAAI;EACb;EAEA,IAAI,gBAAgB,CAACO,IAAI,CAACP,IAAI,CAAC,EAAE;IAC/B,iBAAUQ,QAAQ,CAACC,QAAQ,cAAIT,IAAI;EACrC;EAEA;AACF,CAAC;AAAC;AAEK,IAAMU,YAAY,GAAGV,IAAI,IAAI;EAClC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,kBAAIW,cAAK,CAACC,cAAc,CAACZ,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb;EACF;EACA;AACF,CAAC;AAAC"}

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ClosablePopover.driver.d.js.map

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.driver.d.ts"],"sourcesContent":["import { PopoverDriver } from '../../Popover/Popover.driver';\n\nexport interface ClosablePopoverDriver extends PopoverDriver {\n  isOpened: () => boolean;\n}\n"],"mappings":""}

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.closablePopoverDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Popover = require("../../Popover/Popover.driver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var closablePopoverDriverFactory = _ref => {
+  var {
+    element,
+    eventTrigger
+  } = _ref;
+  var popoverDriver = (0, _Popover.popoverLegacyDriverFactory)({
+    element,
+    eventTrigger
+  });
+  return _objectSpread(_objectSpread({}, popoverDriver), {}, {
+    /** Checks if the popover's content is open */
+    isOpened: () => popoverDriver.isContentElementExists()
+  });
+};
+exports.closablePopoverDriverFactory = closablePopoverDriverFactory;
+//# sourceMappingURL=ClosablePopover.driver.js.map

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["closablePopoverDriverFactory","element","eventTrigger","popoverDriver","popoverLegacyDriverFactory","isOpened","isContentElementExists"],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.driver.js"],"sourcesContent":["import { popoverLegacyDriverFactory } from '../../Popover/Popover.driver';\n\nexport const closablePopoverDriverFactory = ({ element, eventTrigger }) => {\n  const popoverDriver = popoverLegacyDriverFactory({ element, eventTrigger });\n\n  return {\n    ...popoverDriver,\n    /** Checks if the popover's content is open */\n    isOpened: () => popoverDriver.isContentElementExists(),\n  };\n};\n"],"mappings":";;;;;;AAAA;AAA0E;AAAA;AAEnE,IAAMA,4BAA4B,GAAG,QAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC;EACpE,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAAC;IAAEH,OAAO;IAAEC;EAAa,CAAC,CAAC;EAE3E,uCACKC,aAAa;IAChB;IACAE,QAAQ,EAAE,MAAMF,aAAa,CAACG,sBAAsB;EAAE;AAE1D,CAAC;AAAC"}

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Popover = _interopRequireDefault(require("../../Popover"));
+var _constants = require("./constants");
+var _excluded = ["content", "appearance", "target", "children", "onClose", "onOpen", "initiallyOpened", "closeOnMouseLeave", "hideDelay"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.js";
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var controlledErrorMsg = method => "ClosablePopover.".concat(method, "() can not be called when component is Controlled. (opened prop should be undefined)");
+
+/**
+ * Closable Popover
+ * Either a normal Controlled Popover, or a Popover that is initially opened and can be the closed by
+ * calling a closeAction.
+ */
+class ClosablePopover extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      open: this.props.initiallyOpened,
+      mode: this.props.initiallyOpened ? _constants.Mode.ClickToClose : _constants.Mode.Hover
+    };
+    this.open = () => this._doOpen(_constants.Mode.ClickToClose);
+    this._doOpen = nextMode => {
+      if (this._isControlled()) {
+        throw new Error(controlledErrorMsg('open'));
+      }
+      !this.state.open && this.setState({
+        open: true,
+        mode: nextMode
+      }, () => {
+        this.props.onOpen && this.props.onOpen();
+      });
+    };
+    this.close = () => {
+      if (this._isControlled()) {
+        throw new Error(controlledErrorMsg('close'));
+      }
+      this.state.open && this.setState({
+        open: false,
+        mode: _constants.Mode.Hover
+      }, () => {
+        this.props.onClose && this.props.onClose();
+      });
+    };
+    this._handleMouseEnter = () => {
+      if (this.state.mode === _constants.Mode.Hover) {
+        this._doOpen(_constants.Mode.Hover);
+      }
+    };
+    this._handleMouseLeave = () => {
+      if (this.state.mode === _constants.Mode.Hover && this.props.closeOnMouseLeave) {
+        this.close();
+      }
+    };
+    this.actions = {
+      close: this.close
+    };
+  }
+  _isControlled() {
+    return typeof this.props.opened === 'boolean';
+  }
+  render() {
+    var _this$props = this.props,
+      {
+        content,
+        appearance,
+        target,
+        children,
+        onClose,
+        onOpen,
+        initiallyOpened,
+        closeOnMouseLeave,
+        hideDelay
+      } = _this$props,
+      rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    var open = this._isControlled() ? this.props.opened : this.state.open;
+    var popoverProps = _objectSpread(_objectSpread({}, rest), {}, {
+      animate: true,
+      theme: appearance,
+      shown: open,
+      onMouseEnter: this._handleMouseEnter,
+      onMouseLeave: this._handleMouseLeave
+    });
+    return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({}, popoverProps, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 96,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 97,
+        columnNumber: 9
+      }
+    }, target), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 98,
+        columnNumber: 9
+      }
+    }, content(this.actions)));
+  }
+}
+ClosablePopover.defaultProps = {
+  hideDelay: 0,
+  initiallyOpened: true,
+  closeOnMouseLeave: true
+};
+ClosablePopover.propTypes = {
+  /** Controls whether the popover's content is shown or not.
+   * When undefined, then the component is Uncontrolled,
+   * It is initially open, and it can be closed by close-action */
+  opened: _propTypes.default.bool,
+  /** Controls whether the popover's content is initially opened (in Uncontrolled mode only) */
+  initiallyOpened: _propTypes.default.bool,
+  /** The popover's target element*/
+  target: _propTypes.default.node.isRequired,
+  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only) */
+  onOpen: _propTypes.default.func,
+  /** callback to call when the popover content is requested to be closed (Uncontrolled mode only). NOTE: this callback is called when the close timeout (if exists) starts */
+  onClose: _propTypes.default.func,
+  /** Disable close on mouseLeave */
+  closeOnMouseLeave: _propTypes.default.bool,
+  /** The popover's content, given as a function that receives control-actions and renders the contet.
+   * In Uncontrolled mode, this function is still called only once.
+   */
+  content: _propTypes.default.func.isRequired,
+  /** A css class to be applied to the component's root element */
+  className: _propTypes.default.string
+};
+var _default = ClosablePopover;
+exports.default = _default;
+//# sourceMappingURL=ClosablePopover.js.map

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["controlledErrorMsg","method","ClosablePopover","PureComponent","state","open","props","initiallyOpened","mode","Mode","ClickToClose","Hover","_doOpen","nextMode","_isControlled","Error","setState","onOpen","close","onClose","_handleMouseEnter","_handleMouseLeave","closeOnMouseLeave","actions","opened","render","content","appearance","target","children","hideDelay","rest","popoverProps","animate","theme","shown","onMouseEnter","onMouseLeave","defaultProps","propTypes","PropTypes","bool","node","isRequired","func","className","string"],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../../Popover';\nimport { Mode } from './constants';\n\nconst controlledErrorMsg = method =>\n  `ClosablePopover.${method}() can not be called when component is Controlled. (opened prop should be undefined)`;\n\n/**\n * Closable Popover\n * Either a normal Controlled Popover, or a Popover that is initially opened and can be the closed by\n * calling a closeAction.\n */\nclass ClosablePopover extends PureComponent {\n  state = {\n    open: this.props.initiallyOpened,\n    mode: this.props.initiallyOpened ? Mode.ClickToClose : Mode.Hover,\n  };\n\n  _isControlled() {\n    return typeof this.props.opened === 'boolean';\n  }\n\n  open = () => this._doOpen(Mode.ClickToClose);\n\n  _doOpen = nextMode => {\n    if (this._isControlled()) {\n      throw new Error(controlledErrorMsg('open'));\n    }\n    !this.state.open &&\n      this.setState(\n        {\n          open: true,\n          mode: nextMode,\n        },\n        () => {\n          this.props.onOpen && this.props.onOpen();\n        },\n      );\n  };\n\n  close = () => {\n    if (this._isControlled()) {\n      throw new Error(controlledErrorMsg('close'));\n    }\n    this.state.open &&\n      this.setState(\n        {\n          open: false,\n          mode: Mode.Hover,\n        },\n        () => {\n          this.props.onClose && this.props.onClose();\n        },\n      );\n  };\n\n  _handleMouseEnter = () => {\n    if (this.state.mode === Mode.Hover) {\n      this._doOpen(Mode.Hover);\n    }\n  };\n\n  _handleMouseLeave = () => {\n    if (this.state.mode === Mode.Hover && this.props.closeOnMouseLeave) {\n      this.close();\n    }\n  };\n\n  render() {\n    const {\n      content,\n      appearance,\n      target,\n      children,\n      onClose,\n      onOpen,\n      initiallyOpened,\n      closeOnMouseLeave,\n      hideDelay,\n      ...rest\n    } = this.props;\n\n    const open = this._isControlled() ? this.props.opened : this.state.open;\n\n    const popoverProps = {\n      ...rest,\n      animate: true,\n      theme: appearance,\n      shown: open,\n      onMouseEnter: this._handleMouseEnter,\n      onMouseLeave: this._handleMouseLeave,\n    };\n\n    return (\n      <Popover {...popoverProps}>\n        <Popover.Element>{target}</Popover.Element>\n        <Popover.Content>{content(this.actions)}</Popover.Content>\n      </Popover>\n    );\n  }\n\n  actions = {\n    close: this.close,\n  };\n}\n\nClosablePopover.defaultProps = {\n  hideDelay: 0,\n  initiallyOpened: true,\n  closeOnMouseLeave: true,\n};\n\nClosablePopover.propTypes = {\n  /** Controls whether the popover's content is shown or not.\n   * When undefined, then the component is Uncontrolled,\n   * It is initially open, and it can be closed by close-action */\n  opened: PropTypes.bool,\n  /** Controls whether the popover's content is initially opened (in Uncontrolled mode only) */\n  initiallyOpened: PropTypes.bool,\n  /** The popover's target element*/\n  target: PropTypes.node.isRequired,\n  /** Callback to call when the popover content is requested to be opened (Uncontrolled mode only) */\n  onOpen: PropTypes.func,\n  /** callback to call when the popover content is requested to be closed (Uncontrolled mode only). NOTE: this callback is called when the close timeout (if exists) starts */\n  onClose: PropTypes.func,\n  /** Disable close on mouseLeave */\n  closeOnMouseLeave: PropTypes.bool,\n  /** The popover's content, given as a function that receives control-actions and renders the contet.\n   * In Uncontrolled mode, this function is still called only once.\n   */\n  content: PropTypes.func.isRequired,\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n};\n\nexport default ClosablePopover;\n"],"mappings":"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"}

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ClosablePopover.uni.driver.d.js.map

package/dist/cjs/FloatingHelper/ClosablePopover/ClosablePopover.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/FloatingHelper/ClosablePopover/ClosablePopover.uni.driver.d.ts"],"sourcesContent":["import { PopoverUniDriver } from '../../Popover/Popover.uni.driver';\n\nexport interface ClosablePopoverUniDriver extends PopoverUniDriver {\n  isOpened(): Promise<boolean>;\n}\n"],"mappings":""}