intergalactic 15.38.0-prerelease-46329ccd

package/switch/lib/cjs/Switch.js

@@ -0,0 +1,287 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "inputProps", {
+  enumerable: true,
+  get: function get() {
+    return _inputProps.inputProps;
+  }
+});
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
+var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
+var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/inputProps"));
+var _assignProps3 = require("intergalactic/utils/lib/assignProps");
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
+var _excluded = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"];
+/*__reshadow-styles__:"./style/switch.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSwitch_gtrdm_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_gtrdm_gg_.__size_gtrdm_gg_ .___SToggle_gtrdm_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_gtrdm_gg_._size_m_gtrdm_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_gtrdm_gg_._size_m_gtrdm_gg_ .___SToggle_gtrdm_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_gtrdm_gg_._size_m_gtrdm_gg_ .___SSlider_gtrdm_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_gtrdm_gg_._size_l_gtrdm_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_gtrdm_gg_._size_l_gtrdm_gg_ .___SToggle_gtrdm_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_gtrdm_gg_._size_l_gtrdm_gg_ .___SSlider_gtrdm_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_gtrdm_gg_._size_xl_gtrdm_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_gtrdm_gg_._size_xl_gtrdm_gg_ .___SToggle_gtrdm_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_gtrdm_gg_._size_xl_gtrdm_gg_ .___SSlider_gtrdm_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_gtrdm_gg_.__disabled_gtrdm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_gtrdm_gg_.__disabled_gtrdm_gg_ .___SAddon_gtrdm_gg_,.___SSwitch_gtrdm_gg_.__disabled_gtrdm_gg_ .___SToggle_gtrdm_gg_{cursor:default}.___SSlider_gtrdm_gg_,.___SToggle_gtrdm_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_gtrdm_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_gtrdm_gg_.__checked_gtrdm_gg_._theme_info_gtrdm_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_gtrdm_gg_.__checked_gtrdm_gg_._theme_success_gtrdm_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_gtrdm_gg_.__checked_gtrdm_gg_._theme_custom_gtrdm_gg_{color:var(--color_gtrdm);background-color:var(--color_gtrdm)}.___SToggle_gtrdm_gg_.__keyboardFocused_gtrdm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_gtrdm_gg_._neighborLocation_left_gtrdm_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_gtrdm_gg_._neighborLocation_both_gtrdm_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_gtrdm_gg_._neighborLocation_right_gtrdm_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_gtrdm_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_gtrdm_gg_.__checked_gtrdm_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_gtrdm_gg_.__active_gtrdm_gg_ .___SSlider_gtrdm_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_gtrdm_gg_.__active_gtrdm_gg_ .___SSlider_gtrdm_gg_.__checked_gtrdm_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_gtrdm_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_gtrdm_gg_{cursor:pointer}.___SAddon_gtrdm_gg_._neighborLocation_right_gtrdm_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_gtrdm_gg_._neighborLocation_left_gtrdm_gg_,.___SSwitch_gtrdm_gg_.__checked_gtrdm_gg_ .___SAddon_gtrdm_gg_._neighborLocation_right_gtrdm_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_gtrdm_gg_._neighborLocation_left_gtrdm_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_gtrdm_gg_.__checked_gtrdm_gg_ .___SAddon_gtrdm_gg_._neighborLocation_right_gtrdm_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_gtrdm_gg_.__checked_gtrdm_gg_ .___SAddon_gtrdm_gg_._neighborLocation_left_gtrdm_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_gtrdm_gg_{transition:none}}" /*__inner_css_end__*/, "gtrdm_gg_") /*__reshadow_css_end__*/, {
+  "__SSwitch": "___SSwitch_gtrdm_gg_",
+  "__SToggle": "___SToggle_gtrdm_gg_",
+  "_checked": "__checked_gtrdm_gg_",
+  "_theme_info": "_theme_info_gtrdm_gg_",
+  "_theme_success": "_theme_success_gtrdm_gg_",
+  "_theme_custom": "_theme_custom_gtrdm_gg_",
+  "--color": "--color_gtrdm",
+  "_keyboardFocused": "__keyboardFocused_gtrdm_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_gtrdm_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_gtrdm_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_gtrdm_gg_",
+  "__SInput": "___SInput_gtrdm_gg_",
+  "__SAddon": "___SAddon_gtrdm_gg_",
+  "__SSlider": "___SSlider_gtrdm_gg_",
+  "_size": "__size_gtrdm_gg_",
+  "_size_m": "_size_m_gtrdm_gg_",
+  "_size_l": "_size_l_gtrdm_gg_",
+  "_size_xl": "_size_xl_gtrdm_gg_",
+  "_disabled": "__disabled_gtrdm_gg_",
+  "_active": "__active_gtrdm_gg_"
+});
+function isCustomTheme(theme) {
+  return !['info', 'success'].includes(theme);
+}
+var Switch = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Switch, _Component);
+  var _super = (0, _createSuper2["default"])(Switch);
+  function Switch(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Switch);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      active: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseUp", function () {
+      _this.setState({
+        active: false
+      });
+      window.removeEventListener('mouseup', _this.handleMouseUp);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDown", function (event) {
+      if ((event === null || event === void 0 ? void 0 : event.button) !== 0) return;
+      _this.setState({
+        active: true
+      });
+      window.addEventListener('mouseup', _this.handleMouseUp);
+    });
+    _this.forceUpdate = _this.forceUpdate.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(Switch, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (!(0, _canUseDOM["default"])()) return;
+      window.removeEventListener('mouseup', this.handleMouseUp);
+    }
+  }, {
+    key: "getValueProps",
+    value: function getValueProps() {
+      var _this$asProps = this.asProps,
+        theme = _this$asProps.theme,
+        uid = _this$asProps.uid;
+      var active = this.state.active;
+      return {
+        theme: theme,
+        ref: this.inputRef,
+        $rootForceUpdate: this.forceUpdate,
+        uid: uid,
+        active: active
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var uid = this.asProps.uid;
+      return {
+        uid: uid
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3,
+        _this$inputRef$curren;
+      var SSwitch = _flexBox.Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        controlsLength = _this$asProps2.controlsLength;
+      var checked = (_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.checked;
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSwitch, _ref3.cn("SSwitch", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'label',
+        "checked": checked,
+        "onMouseDown": this.handleMouseDown
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {
+        "controlsLength": controlsLength
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
+    }
+  }]);
+  return Switch;
+}(_core.Component);
+(0, _defineProperty2["default"])(Switch, "displayName", 'Switch');
+(0, _defineProperty2["default"])(Switch, "style", style);
+(0, _defineProperty2["default"])(Switch, "enhance", [(0, _uniqueID["default"])()]);
+(0, _defineProperty2["default"])(Switch, "defaultProps", {
+  theme: 'info',
+  size: 'm'
+});
+var Value = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(Value, _Component2);
+  var _super2 = (0, _createSuper2["default"])(Value);
+  function Value() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, Value);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "timer", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleKeyDown", function (e) {
+      if (e.key === 'Enter') _this2.handlers.checked(!_this2.asProps.checked, e);
+    });
+    // because clicking on label causes a click on input
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handlerInputClick", function (e) {
+      return e.stopPropagation();
+    });
+    return _this2;
+  }
+  (0, _createClass2["default"])(Value, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      var _this3 = this;
+      return {
+        checked: [function (e) {
+          return e.target.checked;
+        }, function () {
+          // TODO: bad crutch for updating the DOM node
+          clearTimeout(_this3.timer);
+          _this3.timer = setTimeout(function () {
+            _this3.asProps.$rootForceUpdate();
+          }, 0);
+        }]
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.asProps.$rootForceUpdate();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var checked = prevProps.checked;
+      // TODO: bad crutch for updating the DOM node
+      if (checked !== undefined && checked !== this.asProps.checked) {
+        this.asProps.$rootForceUpdate();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+      var SToggle = _flexBox.Box;
+      var SInput = _flexBox.Box;
+      var SSlider = _flexBox.Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        forwardRef = _this$asProps3.forwardRef,
+        styles = _this$asProps3.styles,
+        includeInputProps = _this$asProps3.includeInputProps,
+        keyboardFocused = _this$asProps3.keyboardFocused,
+        neighborLocation = _this$asProps3.neighborLocation,
+        theme = _this$asProps3.theme,
+        uid = _this$asProps3.uid,
+        active = _this$asProps3.active,
+        resolveColor = _this$asProps3.resolveColor,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
+      var _getInputProps = (0, _inputProps["default"])(other, includeInputProps),
+        _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 2),
+        inputProps = _getInputProps2[0],
+        toggleProps = _getInputProps2[1];
+      var useTheme = isCustomTheme(theme) ? 'custom' : theme;
+      var color = resolveColor(theme);
+      var labelledBy = inputProps.checked ? "igc-".concat(uid, "-switch-addon-left") : "igc-".concat(uid, "-switch-addon-right");
+      return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
+        neighborLocation: neighborLocation
+      }, function (neighborLocation) {
+        var _ref4;
+        return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SToggle, _ref4.cn("SToggle", (0, _objectSpread2["default"])({
+          "keyboardFocused": keyboardFocused,
+          "neighborLocation": neighborLocation,
+          "checked": inputProps.checked,
+          "active": active,
+          "use:theme": useTheme,
+          "use:color": color
+        }, toggleProps)), /*#__PURE__*/_react["default"].createElement(SInput, _ref4.cn("SInput", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+          "tag": 'input',
+          "type": 'checkbox',
+          "ref": forwardRef,
+          "role": 'switch',
+          "aria-labelledby": labelledBy,
+          "aria-checked": inputProps.checked,
+          "aria-readonly": inputProps.disabled
+        }, inputProps), {}, {
+          "onClick": (0, _assignProps3.callAllEventHandlers)(_this4.handlerInputClick, inputProps.click),
+          "onKeyDown": (0, _assignProps3.callAllEventHandlers)(_this4.handleKeyDown, inputProps.onKeyDown)
+        }))), /*#__PURE__*/_react["default"].createElement(SSlider, _ref4.cn("SSlider", {
+          "checked": inputProps.checked
+        }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
+      });
+    }
+  }]);
+  return Value;
+}(_core.Component);
+(0, _defineProperty2["default"])(Value, "hoistProps", ['checked', 'disabled']);
+(0, _defineProperty2["default"])(Value, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(Value, "defaultProps", {
+  includeInputProps: _inputProps.inputProps,
+  defaultChecked: false
+});
+function Addon(props) {
+  var _ref2 = arguments[0];
+  var SAddon = _flexBox.Box;
+  var styles = props.styles,
+    neighborLocation = props.neighborLocation,
+    uid = props.uid;
+  return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
+    neighborLocation: neighborLocation
+  }, function (neighborLocation) {
+    var _ref5;
+    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref5.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      "tag": 'span',
+      "neighborLocation": neighborLocation,
+      "aria-hidden": 'true',
+      "id": "igc-".concat(uid, "-switch-addon-").concat(neighborLocation)
+    }, _ref2))));
+  });
+}
+var _default = (0, _core["default"])(Switch, {
+  Value: Value,
+  Addon: Addon
+});
+exports["default"] = _default;
+//# sourceMappingURL=Switch.js.map

package/switch/lib/cjs/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass2","key","value","componentWillUnmount","canUseDOM","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","Box","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread2","assignProps","handleMouseDown","Component","uniqueIDEnhancement","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","e","handlers","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","inputProps","toggleProps","useTheme","color","labelledBy","Detect","_ref4","disabled","callAllEventHandlers","handlerInputClick","click","handleKeyDown","onKeyDown","keyboardFocusEnhance","resolveColorEnhance","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_default","createComponent","exports"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n  static displayName = 'Switch';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n  static defaultProps = {\n    theme: 'info',\n    size: 'm',\n  };\n\n  inputRef = React.createRef();\n  state = { active: false };\n\n  constructor(props) {\n    super(props);\n    this.forceUpdate = this.forceUpdate.bind(this);\n  }\n\n  componentWillUnmount() {\n    if (!canUseDOM()) return;\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n  handleMouseUp = () => {\n    this.setState({ active: false });\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  };\n  handleMouseDown = (event) => {\n    if (event?.button !== 0) return;\n    this.setState({ active: true });\n    window.addEventListener('mouseup', this.handleMouseUp);\n  };\n\n  getValueProps() {\n    const { theme, uid } = this.asProps;\n    const { active } = this.state;\n\n    return {\n      theme,\n      ref: this.inputRef,\n      $rootForceUpdate: this.forceUpdate,\n      uid,\n      active,\n    };\n  }\n\n  getAddonProps() {\n    const { uid } = this.asProps;\n\n    return { uid };\n  }\n\n  render() {\n    const SSwitch = Root;\n    const { Children, styles, controlsLength } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return sstyled(styles)(\n      <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n        <NeighborLocation controlsLength={controlsLength}>\n          <Children />\n        </NeighborLocation>\n      </SSwitch>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static hoistProps = ['checked', 'disabled'];\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n\n  timer = null;\n\n  uncontrolledProps() {\n    return {\n      checked: [\n        (e) => e.target.checked,\n        () => {\n          // TODO: bad crutch for updating the DOM node\n          clearTimeout(this.timer);\n          this.timer = setTimeout(() => {\n            this.asProps.$rootForceUpdate();\n          }, 0);\n        },\n      ],\n    };\n  }\n\n  componentDidMount() {\n    this.asProps.$rootForceUpdate();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { checked } = prevProps;\n    // TODO: bad crutch for updating the DOM node\n    if (checked !== undefined && checked !== this.asProps.checked) {\n      this.asProps.$rootForceUpdate();\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  handleKeyDown = (e) => {\n    if (e.key === 'Enter') this.handlers.checked(!this.asProps.checked, e);\n  };\n\n  // because clicking on label causes a click on input\n  handlerInputClick = (e) => e.stopPropagation();\n\n  render() {\n    const SToggle = Box;\n    const SInput = Box;\n    const SSlider = Box;\n    const {\n      Children,\n      forwardRef,\n      styles,\n      includeInputProps,\n      keyboardFocused,\n      neighborLocation,\n      theme,\n      uid,\n      active,\n      resolveColor,\n      ...other\n    } = this.asProps;\n\n    const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    const labelledBy = inputProps.checked\n      ? `igc-${uid}-switch-addon-left`\n      : `igc-${uid}-switch-addon-right`;\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SToggle\n              keyboardFocused={keyboardFocused}\n              neighborLocation={neighborLocation}\n              checked={inputProps.checked}\n              active={active}\n              use:theme={useTheme}\n              use:color={color}\n              {...toggleProps}\n            >\n              <SInput\n                tag='input'\n                type='checkbox'\n                ref={forwardRef}\n                role='switch'\n                aria-labelledby={labelledBy}\n                aria-checked={inputProps.checked}\n                aria-readonly={inputProps.disabled}\n                {...inputProps}\n                onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n                onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n              />\n              <SSlider checked={inputProps.checked}>\n                <Children />\n              </SSlider>\n            </SToggle>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, neighborLocation, uid } = props;\n\n  return (\n    <NeighborLocation.Detect neighborLocation={neighborLocation}>\n      {(neighborLocation) =>\n        sstyled(styles)(\n          <SAddon\n            render={Box}\n            tag='span'\n            neighborLocation={neighborLocation}\n            aria-hidden='true'\n            id={`igc-${uid}-switch-addon-${neighborLocation}`}\n          />,\n        )\n      }\n    </NeighborLocation.Detect>\n  );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n  Value,\n  Addon,\n});\n"],"mappings":"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"}

package/switch/lib/cjs/index.d.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "inputProps", {
+  enumerable: true,
+  get: function get() {
+    return _inputProps.inputProps;
+  }
+});
+var _inputProps = require("intergalactic/utils/lib/inputProps");
+//# sourceMappingURL=index.d.js.map

package/switch/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":["_inputProps","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { inputProps } from '@semcore/utils/lib/inputProps';\n\nexport type SwitchTheme = 'info' | 'success' | string;\n\n/** @deprecated */\nexport interface ISwitchProps extends SwitchProps, UnknownProperties {}\nexport type SwitchProps = BoxProps &\n  NeighborLocationProps & {\n    /** Switch size\n     * @default m\n     */\n    size?: 'm' | 'l' | 'xl';\n    /** Switch theme\n     * @default info\n     */\n    theme?: SwitchTheme;\n  };\n\n/** @deprecated */\nexport interface ISwitchValueProps extends SwitchValueProps, UnknownProperties {}\nexport type SwitchValueProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps & {\n    /** Handler on change */\n    onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /** Control state  */\n    checked?: boolean;\n    /** Initial state for uncontrolled mode\n     * @default false */\n    defaultChecked?: boolean;\n    /** Disabled state  */\n    disabled?: boolean;\n    /** The list of properties that can be placed in the hidden input */\n    includeInputProps?: string[];\n    /** Switch theme */\n    theme?: SwitchTheme;\n  };\n\n/** @deprecated */\nexport interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}\nexport type SwitchAddonProps = BoxProps & NeighborItemProps & {};\n\n/** @deprecated */\nexport interface ISwitchContext extends SwitchContext, UnknownProperties {}\nexport type SwitchContext = {\n  getAddonProps: PropGetterFn;\n  getValueProps: PropGetterFn;\n};\n\ndeclare const Switch: Intergalactic.Component<'div', SwitchProps, SwitchContext> & {\n  Value: Intergalactic.Component<'input', SwitchValueProps, SwitchContext>;\n  Addon: Intergalactic.Component<'div', SwitchAddonProps>;\n};\n\nexport { inputProps };\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAKA,IAAAA,WAAA,GAAAC,OAAA"}

package/switch/lib/cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Switch["default"];
+  }
+});
+var _Switch = _interopRequireWildcard(require("./Switch"));
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/switch/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Switch","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Switch';\nexport * from './Switch';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}

package/switch/lib/cjs/style/switch.shadow.css

@@ -0,0 +1,176 @@
+SSwitch {
+  display: inline-flex;
+  vertical-align: middle;
+  align-items: center;
+  position: relative;
+  user-select: none;
+}
+
+SSwitch[size] {
+  & SToggle {
+    border-radius: var(--intergalactic-switch-rounded, 24px);
+  }
+}
+
+SSwitch[size='m'] {
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+
+  & SToggle {
+    width: 20px;
+    height: 12px;
+    min-width: 20px;
+  }
+
+  & SSlider {
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+  }
+}
+
+SSwitch[size='l'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
+  & SToggle {
+    height: 20px;
+    width: 36px;
+    min-width: 36px;
+  }
+
+  & SSlider {
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+  }
+}
+
+SSwitch[size='xl'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+
+  & SToggle {
+    width: 44px;
+    height: 24px;
+    min-width: 44px;
+  }
+
+  & SSlider {
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+  }
+}
+
+SSwitch[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+
+  & SToggle {
+    cursor: default;
+  }
+  & SAddon {
+    cursor: default;
+  }
+}
+
+SToggle {
+  background: var(--intergalactic-control-switch-bg, #a9abb6);
+  position: relative;
+  color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+SToggle[checked][theme='info'] {
+  color: var(--intergalactic-control-primary-info, #008ff8);
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+}
+SToggle[checked][theme='success'] {
+  color: var(--intergalactic-control-primary-success, #009f81);
+  background-color: var(--intergalactic-control-primary-success, #009f81);
+}
+
+SToggle[checked][theme='custom'] {
+  color: var(--color);
+  background-color: var(--color);
+}
+
+SToggle[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+}
+
+SToggle[neighborLocation='left'] {
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+}
+
+SToggle[neighborLocation='both'] {
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+}
+
+SToggle[neighborLocation='right'] {
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+}
+
+SSlider {
+  /* margin: 0 var(--intergalactic-spacing-05x, 2px); */
+  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  transform: translateX(-50%) scaleX(1);
+  transition: transform calc(var(--intergalactic-duration-switch, 100) * 1ms) ease-in-out;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  &[checked] {
+    transform: translateX(50%) scaleX(1);
+  }
+}
+
+SToggle[active] SSlider {
+  transform: translateX(-50%) scaleX(1.15) translateX(1px);
+  &[checked] {
+    transform: translateX(50%) scaleX(1.15) translateX(-1px);
+  }
+}
+
+SInput {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+SAddon {
+  cursor: pointer;
+}
+
+SAddon[neighborLocation='right'] {
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SAddon[neighborLocation='left'] {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+}
+
+SAddon[neighborLocation='left']:nth-child(2) {
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SSwitch[checked] {
+  & SAddon[neighborLocation='right'] {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+  }
+  & SAddon[neighborLocation='right']:nth-last-child(2) {
+    color: var(--intergalactic-text-primary, #191b23);
+  }
+
+  & SAddon[neighborLocation='left'] {
+    color: var(--intergalactic-text-primary, #191b23);
+  }
+}
+
+@media (prefers-reduced-motion) {
+  SSlider {
+    transition: none;
+  }
+}