@snack-uikit/toggles 0.13.27 → 0.13.28-preview-eff3bc02.0

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -27,18 +29,20 @@ const utils_1 = require("../../utils");
 const TogglePrivate_1 = require("../TogglePrivate");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Checkbox(_a) {
-  var {
-      inputRef,
-      indeterminate: indeterminateProp,
-      indeterminateDefault,
-      onChange: onChangeProp,
-      'data-test-id': dataTestId,
-      size = constants_1.SIZE.M
-    } = _a,
+  var inputRef = _a.inputRef,
+    indeterminateProp = _a.indeterminate,
+    indeterminateDefault = _a.indeterminateDefault,
+    onChangeProp = _a.onChange,
+    dataTestId = _a['data-test-id'],
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.M : _a$size,
     restProps = __rest(_a, ["inputRef", "indeterminate", "indeterminateDefault", "onChange", 'data-test-id', "size"]);
   const localRef = (0, react_1.useRef)(null);
   const ref = (0, merge_refs_1.default)(localRef, inputRef);
-  const [indeterminate, setIndeterminate] = (0, uncontrollable_1.useUncontrolledProp)(indeterminateProp, indeterminateDefault);
+  const _ref = (0, uncontrollable_1.useUncontrolledProp)(indeterminateProp, indeterminateDefault),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    indeterminate = _ref2[0],
+    setIndeterminate = _ref2[1];
   const onChange = (0, react_1.useCallback)(checked => {
     onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(checked);
     setIndeterminate(false);

package/dist/cjs/components/Favorite/Favorite.js

@@ -33,13 +33,13 @@ const UNCHECKED_ICONS = {
   [constants_1.FAVORITE_ICON.Heart]: icons_1.HeartSVG
 };
 function Favorite(_a) {
-  var {
-      inputRef,
-      'data-test-id': dataTestId,
-      size = constants_1.SIZE.M,
-      icon = constants_1.FAVORITE_ICON.Heart,
-      onKeyUp
-    } = _a,
+  var inputRef = _a.inputRef,
+    dataTestId = _a['data-test-id'],
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.M : _a$size,
+    _a$icon = _a.icon,
+    icon = _a$icon === void 0 ? constants_1.FAVORITE_ICON.Heart : _a$icon,
+    onKeyUp = _a.onKeyUp,
     restProps = __rest(_a, ["inputRef", 'data-test-id', "size", "icon", "onKeyUp"]);
   const iconSize = (0, react_1.useMemo)(() => (0, utils_1.getIconSize)(size), [size]);
   return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {

package/dist/cjs/components/Radio/Radio.js

@@ -23,10 +23,8 @@ const utils_1 = require("../../utils");
 const TogglePrivate_1 = require("../TogglePrivate");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Radio(_a) {
-  var {
-      inputRef,
-      'data-test-id': dataTestId
-    } = _a,
+  var inputRef = _a.inputRef,
+    dataTestId = _a['data-test-id'],
     restProps = __rest(_a, ["inputRef", 'data-test-id']);
   return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
     "data-test-id": dataTestId,

package/dist/cjs/components/Switch/Switch.js

@@ -25,13 +25,12 @@ const utils_1 = require("../../utils");
 const TogglePrivate_1 = require("../TogglePrivate");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Switch(_a) {
-  var {
-      inputRef,
-      'data-test-id': dataTestId,
-      showIcon,
-      loading,
-      size = constants_1.SIZE.M
-    } = _a,
+  var inputRef = _a.inputRef,
+    dataTestId = _a['data-test-id'],
+    showIcon = _a.showIcon,
+    loading = _a.loading,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.M : _a$size,
     restProps = __rest(_a, ["inputRef", 'data-test-id', "showIcon", "loading", "size"]);
   return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
     size: size,

package/dist/cjs/components/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,16 +12,18 @@ const uncontrollable_1 = require("uncontrollable");
 const constants_1 = require("../../constants");
 const context_1 = require("../../context");
 function ToggleGroup(_ref) {
-  let {
-    children,
-    value: valueProp,
-    onChange: onChangeProp,
-    selectionMode = constants_1.SELECTION_MODE.Single,
-    defaultValue
-  } = _ref;
-  const [value, setValue] = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, cb => {
-    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(cb(value));
-  });
+  let children = _ref.children,
+    valueProp = _ref.value,
+    onChangeProp = _ref.onChange,
+    _ref$selectionMode = _ref.selectionMode,
+    selectionMode = _ref$selectionMode === void 0 ? constants_1.SELECTION_MODE.Single : _ref$selectionMode,
+    defaultValue = _ref.defaultValue;
+  const _ref2 = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, cb => {
+      onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(cb(value));
+    }),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    value = _ref3[0],
+    setValue = _ref3[1];
   const onChange = (0, react_1.useCallback)(newValue => {
     if (selectionMode === constants_1.SELECTION_MODE.Single) {
       return setValue(oldValue => {

package/dist/cjs/components/ToggleGroup/hooks.js

@@ -8,14 +8,11 @@ const react_1 = require("react");
 const constants_1 = require("../../constants");
 const context_1 = require("../../context");
 function useToggleGroup(_ref) {
-  let {
-    value: itemValue
-  } = _ref;
-  const {
-    value,
-    onChange,
-    selectionMode
-  } = (0, context_1.useToggleGroupContext)();
+  let itemValue = _ref.value;
+  const _ref2 = (0, context_1.useToggleGroupContext)(),
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    selectionMode = _ref2.selectionMode;
   const isChecked = (0, react_1.useMemo)(() => {
     if (typeof value === 'string') {
       return value === itemValue;

package/dist/cjs/components/TogglePrivate/TogglePrivate.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -25,24 +27,33 @@ const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.TogglePrivate = (0, react_1.forwardRef)(function TogglePrivate(_a, ref) {
-  var {
-      render,
-      checked: checkedProp,
-      defaultChecked,
-      onChange,
-      onBlur,
-      onFocus,
-      disabled,
-      className,
-      size = constants_1.SIZE.M,
-      mode = constants_1.MODE.Checkbox,
-      onKeyUp,
-      'data-test-id': testId
-    } = _a,
+  var render = _a.render,
+    checkedProp = _a.checked,
+    defaultChecked = _a.defaultChecked,
+    onChange = _a.onChange,
+    onBlur = _a.onBlur,
+    onFocus = _a.onFocus,
+    disabled = _a.disabled,
+    className = _a.className,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.M : _a$size,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? constants_1.MODE.Checkbox : _a$mode,
+    onKeyUp = _a.onKeyUp,
+    testId = _a['data-test-id'],
     otherProps = __rest(_a, ["render", "checked", "defaultChecked", "onChange", "onBlur", "onFocus", "disabled", "className", "size", "mode", "onKeyUp", 'data-test-id']);
-  const [checked, setChecked] = (0, uncontrollable_1.useUncontrolledProp)(checkedProp, Boolean(defaultChecked), onChange);
-  const [focusVisible, setFocusVisible] = (0, react_1.useState)(false);
-  const [hover, setHover] = (0, react_1.useState)(false);
+  const _ref = (0, uncontrollable_1.useUncontrolledProp)(checkedProp, Boolean(defaultChecked), onChange),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    checked = _ref2[0],
+    setChecked = _ref2[1];
+  const _ref3 = (0, react_1.useState)(false),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    focusVisible = _ref4[0],
+    setFocusVisible = _ref4[1];
+  const _ref5 = (0, react_1.useState)(false),
+    _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+    hover = _ref6[0],
+    setHover = _ref6[1];
   const visualState = {
     disabled: Boolean(disabled),
     focusVisible,
@@ -60,7 +71,7 @@ exports.TogglePrivate = (0, react_1.forwardRef)(function TogglePrivate(_a, ref)
     onKeyUp: onKeyUp
   }, (0, utils_1.getVisualStateAttributes)(visualState), {
     children: [render(visualState), (0, jsx_runtime_1.jsx)("input", Object.assign({}, otherProps, {
-      "data-test-id": `${testId}-native-input`,
+      "data-test-id": "".concat(testId, "-native-input"),
       ref: ref,
       type: mode,
       className: styles_module_scss_1.default.togglePrivate,

package/dist/cjs/utils.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,8 +10,10 @@ exports.getIconSize = getIconSize;
 const constants_1 = require("./constants");
 function getVisualStateAttributes(state) {
   return Object.entries(state).reduce(function (result, _ref) {
-    let [name, value] = _ref;
-    result[`data-${name.toLowerCase()}`] = value;
+    let _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      name = _ref2[0],
+      value = _ref2[1];
+    result["data-".concat(name.toLowerCase())] = value;
     return result;
   }, {});
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toggles",
-  "version": "0.13.27",
+  "version": "0.13.28-preview-eff3bc02.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,11 +36,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.27.7",
+    "@snack-uikit/icons": "0.27.8-preview-eff3bc02.0",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "merge-refs": "1.3.0",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "a9f6571146845d828e00206abdedb160980cff97"
+  "gitHead": "2ada20a05882c3ba2fa0e5a6ef967b504cfa6c31"
 }