@zohodesk/components 1.3.4 → 1.4.0

package/lib/v1/Switch/props/propTypes.js

@@ -3,37 +3,45 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports["default"] = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var propTypes = {
-  checked: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
-  disableTitle: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  id: _propTypes["default"].string.isRequired,
-  isReadOnly: _propTypes["default"].bool,
-  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+var _default = {
   name: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  id: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'xlarge']),
+  isChecked: _propTypes["default"].bool,
+  isDefaultChecked: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,
-  size: _propTypes["default"].oneOf(['small', 'medium']),
-  text: _propTypes["default"].string,
+  hasStateIndication: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  labelPlacement: _propTypes["default"].oneOf(['start', 'end', 'top', 'bottom']),
+  labelSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
   title: _propTypes["default"].string,
-  value: _propTypes["default"].bool,
-  customClass: _propTypes["default"].shape({
-    customSwitchWrap: _propTypes["default"].string,
-    customSwitch: _propTypes["default"].string,
-    customSwitchSize: _propTypes["default"].string,
-    customLabel: _propTypes["default"].string
-  }),
   customProps: _propTypes["default"].shape({
-    SwitchProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object
-  })
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  tagAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    "switch": _propTypes["default"].object
+  }),
+  a11yAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    "switch": _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  i18nKeys: _propTypes["default"].shape({
+    readOnlyAriaLabel: _propTypes["default"].string
+  }),
+  customId: _propTypes["default"].string,
+  testId: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object
 };
-exports.propTypes = propTypes;
+exports["default"] = _default;

package/lib/v1/Switch/useSwitch.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useSwitch = function useSwitch(props) {
+  var isCheckedProp = props.isChecked,
+      isDefaultChecked = props.isDefaultChecked,
+      onChange = props.onChange,
+      isReadOnly = props.isReadOnly,
+      isDisabled = props.isDisabled;
+  var isControlled = isCheckedProp !== undefined;
+
+  var _useState = (0, _react.useState)(isDefaultChecked),
+      _useState2 = _slicedToArray(_useState, 2),
+      internalChecked = _useState2[0],
+      setInternalChecked = _useState2[1];
+
+  var isChecked = isControlled ? isCheckedProp : internalChecked;
+
+  var handleChange = function handleChange(e) {
+    if (isReadOnly || isDisabled) return;
+
+    if (!isControlled) {
+      setInternalChecked(!isChecked);
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      isChecked: !isChecked
+    }, e);
+  };
+
+  return {
+    isChecked: isChecked,
+    handleChange: handleChange
+  };
+};
+
+var _default = useSwitch;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -70,8 +70,10 @@
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.4",
     "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/dotkit": "1.0.2",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.78",
+    "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -94,6 +96,8 @@
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.3.4"
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/layout": "3.1.0",
+    "@zohodesk/dotkit": "1.0.2"
   }
 }