@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/CheckboxInput/checkbox-input.test.js

@@ -1,170 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _react = require("@testing-library/react");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var mockPropCheckboxChildren = [{
-  label: 'Children-1',
-  value: 'children-1',
-  id: 'children-1'
-}, {
-  label: 'Children-2',
-  value: 'children-2',
-  id: 'children-2'
-}, {
-  label: 'Children-3',
-  value: 'children-3',
-  id: 'children-3'
-}];
-var makeSut = function makeSut(props) {
-  var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  var checkbox = sut.container.querySelector('input');
-  var label = sut.container.querySelector('label');
-  return {
-    sut: sut,
-    checkbox: checkbox,
-    label: label
-  };
-};
-describe('CheckboxInput', function () {
-  it('should render input with type checkbox', function () {
-    var _makeSut = makeSut(),
-      checkbox = _makeSut.checkbox;
-    expect(checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('type')).toBe('checkbox');
-  });
-  it('should must disable checkbox when isDisabled is true', function () {
-    var _makeSut2 = makeSut({
-        isDisabled: true
-      }),
-      checkbox = _makeSut2.checkbox;
-    expect(checkbox).toBeDisabled();
-  });
-  it('should not render label if label prop not provided', function () {
-    var _makeSut3 = makeSut({
-        label: ''
-      }),
-      label = _makeSut3.label;
-    expect(label).not.toBeInTheDocument();
-  });
-  it('should render label element with correct label prop value', function () {
-    var labelValue = 'correct_label_value';
-    var _makeSut4 = makeSut({
-        label: labelValue
-      }),
-      label = _makeSut4.label;
-    expect(label.innerHTML).toBe(labelValue);
-  });
-  it('should select checkbox on click in label element', function () {
-    var _makeSut5 = makeSut({
-        id: 'any_id',
-        label: 'any_label'
-      }),
-      label = _makeSut5.label,
-      checkbox = _makeSut5.checkbox;
-    _react.fireEvent.click(label);
-    expect(checkbox).toBeChecked();
-  });
-  it('should render multiple checkbox', function () {
-    var _makeSut6 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut6.sut;
-    expect(sut.getByRole('list')).toBeInTheDocument();
-  });
-  it('should render multiple checkbox with childrens', function () {
-    var _makeSut7 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut7.sut;
-    expect(sut.getAllByRole('listitem')).toBeTruthy();
-  });
-  it('should render multiple checkbox with parent label', function () {
-    var _makeSut8 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut8.sut;
-    expect(sut.getByLabelText('any_label')).toBeInTheDocument();
-  });
-  it('should render multiple checkbox with children label', function () {
-    var _makeSut9 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut9.sut;
-    mockPropCheckboxChildren.forEach(function (item) {
-      expect(sut.getByLabelText(item.label)).toBeInTheDocument();
-    });
-  });
-  it('should disabled multiple checkbox with isDisabled are provided', function () {
-    var _makeSut10 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren,
-        isDisabled: true
-      }),
-      sut = _makeSut10.sut,
-      checkbox = _makeSut10.checkbox;
-    var checkboxChildrens = sut.getAllByRole('listitem');
-    checkboxChildrens.forEach(function (children) {
-      children.querySelectorAll('input').forEach(function (input) {
-        expect(input).toBeDisabled();
-      });
-    });
-    expect(checkbox).toBeDisabled();
-  });
-  it('should checked childrens on click parent checkbox', function () {
-    var _makeSut11 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut11.sut,
-      checkbox = _makeSut11.checkbox;
-    _react.fireEvent.click(checkbox);
-    var checkboxChildrens = sut.getAllByRole('listitem');
-    checkboxChildrens.forEach(function (children) {
-      children.querySelectorAll('input').forEach(function (input) {
-        expect(input).toBeChecked();
-      });
-    });
-  });
-  it('should unchecked childrens on click checked parent checkbox', function () {
-    var _makeSut12 = makeSut({
-        id: 'any_id',
-        label: 'any_label',
-        isMultiple: true,
-        checkboxChildren: mockPropCheckboxChildren
-      }),
-      sut = _makeSut12.sut,
-      checkbox = _makeSut12.checkbox;
-    _react.fireEvent.doubleClick(checkbox);
-    var checkboxChildrens = sut.getAllByRole('listitem');
-    checkboxChildrens.forEach(function (children) {
-      children.querySelectorAll('input').forEach(function (input) {
-        expect(input).not.toBeChecked();
-      });
-    });
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _react=require("@testing-library/react"),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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 source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var mockPropCheckboxChildren=[{label:"Children-1",value:"children-1",id:"children-1"},{label:"Children-2",value:"children-2",id:"children-2"},{label:"Children-3",value:"children-3",id:"children-3"}],makeSut=function(props){var sut=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props))),checkbox=sut.container.querySelector("input"),label=sut.container.querySelector("label");return{sut:sut,checkbox:checkbox,label:label}};describe("CheckboxInput",function(){it("should render input with type checkbox",function(){var _makeSut=makeSut(),checkbox=_makeSut.checkbox;expect(null===checkbox||void 0===checkbox?void 0:checkbox.getAttribute("type")).toBe("checkbox")}),it("should must disable checkbox when isDisabled is true",function(){var _makeSut2=makeSut({isDisabled:!0}),checkbox=_makeSut2.checkbox;expect(checkbox).toBeDisabled()}),it("should not render label if label prop not provided",function(){var _makeSut3=makeSut({label:""}),label=_makeSut3.label;expect(label).not.toBeInTheDocument()}),it("should render label element with correct label prop value",function(){var labelValue="correct_label_value",_makeSut4=makeSut({label:labelValue}),label=_makeSut4.label;expect(label.innerHTML).toBe(labelValue)}),it("should select checkbox on click in label element",function(){var _makeSut5=makeSut({id:"any_id",label:"any_label"}),label=_makeSut5.label,checkbox=_makeSut5.checkbox;_react.fireEvent.click(label),expect(checkbox).toBeChecked()}),it("should render multiple checkbox",function(){var _makeSut6=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut6.sut;expect(sut.getByRole("list")).toBeInTheDocument()}),it("should render multiple checkbox with childrens",function(){var _makeSut7=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut7.sut;expect(sut.getAllByRole("listitem")).toBeTruthy()}),it("should render multiple checkbox with parent label",function(){var _makeSut8=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut8.sut;expect(sut.getByLabelText("any_label")).toBeInTheDocument()}),it("should render multiple checkbox with children label",function(){var _makeSut9=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut9.sut;mockPropCheckboxChildren.forEach(function(item){expect(sut.getByLabelText(item.label)).toBeInTheDocument()})}),it("should disabled multiple checkbox with isDisabled are provided",function(){var _makeSut10=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren,isDisabled:!0}),sut=_makeSut10.sut,checkbox=_makeSut10.checkbox,checkboxChildrens=sut.getAllByRole("listitem");checkboxChildrens.forEach(function(children){children.querySelectorAll("input").forEach(function(input){expect(input).toBeDisabled()})}),expect(checkbox).toBeDisabled()}),it("should checked childrens on click parent checkbox",function(){var _makeSut11=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut11.sut,checkbox=_makeSut11.checkbox;_react.fireEvent.click(checkbox);var checkboxChildrens=sut.getAllByRole("listitem");checkboxChildrens.forEach(function(children){children.querySelectorAll("input").forEach(function(input){expect(input).toBeChecked()})})}),it("should unchecked childrens on click checked parent checkbox",function(){var _makeSut12=makeSut({id:"any_id",label:"any_label",isMultiple:!0,checkboxChildren:mockPropCheckboxChildren}),sut=_makeSut12.sut,checkbox=_makeSut12.checkbox;_react.fireEvent.doubleClick(checkbox);var checkboxChildrens=sut.getAllByRole("listitem");checkboxChildrens.forEach(function(children){children.querySelectorAll("input").forEach(function(input){expect(input).not.toBeChecked()})})})});

package/dist/components/CheckboxInput/components/MultipleCheckbox.js

@@ -1,205 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Icon = _interopRequireDefault(require("../../Icon"));
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "label", "color", "checkboxChildren", "isDisabled", "onChangeValue"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var MultipleCheckbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var id = _ref.id,
-    label = _ref.label,
-    color = _ref.color,
-    checkboxChildren = _ref.checkboxChildren,
-    isDisabled = _ref.isDisabled,
-    onChangeValue = _ref.onChangeValue,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasDeselectedChildren = _useState2[0],
-    setHasDeselectedChildren = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    parentChecked = _useState4[0],
-    setParentChecked = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isvisibleOptions = _useState6[0],
-    setIsVisibleOptions = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    childrenData = _useState8[0],
-    setChildrenData = _useState8[1];
-  (0, _react.useEffect)(function () {
-    var haveDeselectedChildrens = childrenData.some(function (data) {
-      return data.hasSelected === true;
-    });
-    var hasAllChildrensSelected = childrenData.every(function (data) {
-      return data.hasSelected === true;
-    });
-    var selectedChildrens = childrenData.filter(function (children) {
-      return children.hasSelected !== false;
-    }).map(function (children) {
-      return {
-        label: children.label,
-        value: children.value,
-        id: children.id
-      };
-    });
-    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(selectedChildrens);
-    if (haveDeselectedChildrens) {
-      if (hasAllChildrensSelected) {
-        setHasDeselectedChildren(false);
-      } else {
-        setHasDeselectedChildren(true);
-      }
-      setParentChecked(true);
-    } else {
-      setParentChecked(false);
-    }
-  }, [childrenData, onChangeValue]);
-  (0, _react.useEffect)(function () {
-    var childrensState = checkboxChildren.map(function (children) {
-      return _objectSpread(_objectSpread({}, children), {}, {
-        hasSelected: false
-      });
-    });
-    setChildrenData(childrensState);
-  }, [checkboxChildren]);
-  function checkedAll() {
-    if (isvisibleOptions) {
-      setIsVisibleOptions(false);
-    }
-    setChildrenData(function (state) {
-      return state.map(function (children) {
-        return _objectSpread(_objectSpread({}, children), {}, {
-          hasSelected: true
-        });
-      });
-    });
-  }
-  function deselectAll() {
-    setChildrenData(function (state) {
-      return state.map(function (children) {
-        return _objectSpread(_objectSpread({}, children), {}, {
-          hasSelected: false
-        });
-      });
-    });
-  }
-  function handleParentChange(event) {
-    var checked = event.target.checked;
-    setParentChecked(function (v) {
-      return !v;
-    });
-    if (checked) {
-      checkedAll();
-    } else {
-      deselectAll();
-    }
-  }
-  function handleChildrenChange(event, id) {
-    var checked = event.target.checked;
-    setChildrenData(function (state) {
-      return state.map(function (children) {
-        if (id === children.id) {
-          children.hasSelected = !!checked;
-        }
-        return children;
-      });
-    });
-  }
-  function handleRenderParentIcon() {
-    if (!parentChecked) {
-      return null;
-    } else if (hasDeselectedChildren) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "minus",
-        color: "neutral.white",
-        size: 20
-      });
-    } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "check",
-        color: "neutral.white",
-        size: 20
-      });
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.MultipleWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckBoxWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, _objectSpread({
-            ref: ref,
-            id: id,
-            type: "checkbox",
-            color: color,
-            checked: parentChecked,
-            onChange: handleParentChange,
-            disabled: isDisabled
-          }, rest)), handleRenderParentIcon()]
-        })
-      }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-        htmlFor: id,
-        isDisabled: isDisabled,
-        children: label
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ChildrensWrapper, {
-      role: "list",
-      children: childrenData.map(function (_ref2) {
-        var label = _ref2.label,
-          id = _ref2.id,
-          value = _ref2.value,
-          hasSelected = _ref2.hasSelected;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-          role: "listitem",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckBoxWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, {
-                type: "checkbox",
-                disabled: isDisabled,
-                id: id,
-                color: color,
-                checked: hasSelected,
-                onChange: function onChange(event) {
-                  return handleChildrenChange(event, id);
-                }
-              }), hasSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                size: 20,
-                name: "check",
-                color: "neutral.white"
-              }) : '']
-            })
-          }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-            htmlFor: id,
-            isDisabled: isDisabled,
-            color: color,
-            children: label
-          })]
-        }, value);
-      })
-    })]
-  });
-});
-MultipleCheckbox.displayName = 'MultipleCheckbox';
-var _default = MultipleCheckbox;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["id","label","color","checkboxChildren","isDisabled","onChangeValue"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var MultipleCheckbox=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function checkedAll(){isvisibleOptions&&setIsVisibleOptions(!1),setChildrenData(function(state){return state.map(function(children){return _objectSpread(_objectSpread({},children),{},{hasSelected:!0})})})}function deselectAll(){setChildrenData(function(state){return state.map(function(children){return _objectSpread(_objectSpread({},children),{},{hasSelected:!1})})})}function handleChildrenChange(event,id){var checked=event.target.checked;setChildrenData(function(state){return state.map(function(children){return id===children.id&&(children.hasSelected=!!checked),children})})}var id=_ref.id,label=_ref.label,color=_ref.color,checkboxChildren=_ref.checkboxChildren,isDisabled=_ref.isDisabled,onChangeValue=_ref.onChangeValue,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasDeselectedChildren=_useState2[0],setHasDeselectedChildren=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),parentChecked=_useState4[0],setParentChecked=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),isvisibleOptions=_useState6[0],setIsVisibleOptions=_useState6[1],_useState7=(0,_react.useState)([]),_useState8=_slicedToArray(_useState7,2),childrenData=_useState8[0],setChildrenData=_useState8[1];return(0,_react.useEffect)(function(){var haveDeselectedChildrens=childrenData.some(function(data){return!0===data.hasSelected}),hasAllChildrensSelected=childrenData.every(function(data){return!0===data.hasSelected}),selectedChildrens=childrenData.filter(function(children){return!1!==children.hasSelected}).map(function(children){return{label:children.label,value:children.value,id:children.id}});null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(selectedChildrens),haveDeselectedChildrens?(hasAllChildrensSelected?setHasDeselectedChildren(!1):setHasDeselectedChildren(!0),setParentChecked(!0)):setParentChecked(!1)},[childrenData,onChangeValue]),(0,_react.useEffect)(function(){var childrensState=checkboxChildren.map(function(children){return _objectSpread(_objectSpread({},children),{},{hasSelected:!1})});setChildrenData(childrensState)},[checkboxChildren]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.MultipleWrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Wrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CheckBoxWrapper,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Checkbox,_objectSpread({ref:ref,id:id,type:"checkbox",color:color,checked:parentChecked,onChange:function(event){var checked=event.target.checked;setParentChecked(function(v){return!v}),checked?checkedAll():deselectAll()},disabled:isDisabled},rest)),function(){return parentChecked?hasDeselectedChildren?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"minus",color:"neutral.white",size:20}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"check",color:"neutral.white",size:20}):null}()]})}),label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Label,{htmlFor:id,isDisabled:isDisabled,children:label})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ChildrensWrapper,{role:"list",children:childrenData.map(function(_ref2){var label=_ref2.label,id=_ref2.id,value=_ref2.value,hasSelected=_ref2.hasSelected;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Wrapper,{role:"listitem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CheckBoxWrapper,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Checkbox,{type:"checkbox",disabled:isDisabled,id:id,color:color,checked:hasSelected,onChange:function onChange(event){return handleChildrenChange(event,id)}}),hasSelected?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{size:20,name:"check",color:"neutral.white"}):""]})}),label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Label,{htmlFor:id,isDisabled:isDisabled,color:color,children:label})]},value)})})]})});MultipleCheckbox.displayName="MultipleCheckbox";var _default=MultipleCheckbox;exports.default=_default;

package/dist/components/CheckboxInput/index.js

@@ -1,94 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _MultipleCheckbox = _interopRequireDefault(require("./components/MultipleCheckbox"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "id", "isDisabled", "isInderteminate", "defaultIsChecked", "isMultiple", "color", "checkboxChildren", "onChangeValue"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var label = _ref.label,
-    id = _ref.id,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$isInderteminate = _ref.isInderteminate,
-    isInderteminate = _ref$isInderteminate === void 0 ? false : _ref$isInderteminate,
-    defaultIsChecked = _ref.defaultIsChecked,
-    isMultiple = _ref.isMultiple,
-    color = _ref.color,
-    checkboxChildren = _ref.checkboxChildren,
-    onChangeValue = _ref.onChangeValue,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(defaultIsChecked || false),
-    _useState2 = _slicedToArray(_useState, 2),
-    checked = _useState2[0],
-    setChecked = _useState2[1];
-  var inputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return inputRef.current;
-  });
-  (0, _react.useEffect)(function () {
-    setChecked(defaultIsChecked || false);
-  }, [defaultIsChecked]);
-  function handleChange(e) {
-    if (e !== null && e !== void 0 && e.currentTarget) {
-      setChecked(e.currentTarget.checked);
-      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.currentTarget.checked);
-    }
-  }
-  if (isMultiple && checkboxChildren) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultipleCheckbox.default, {
-      ref: inputRef,
-      checkboxChildren: checkboxChildren,
-      id: id,
-      color: color,
-      label: label,
-      isDisabled: isDisabled,
-      onChangeValue: onChangeValue
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CheckboxWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, _objectSpread({
-        ref: inputRef,
-        type: "checkbox",
-        id: id,
-        color: color,
-        checked: checked,
-        onChange: handleChange,
-        disabled: isDisabled
-      }, rest)), checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: isInderteminate ? 'minus' : 'check',
-        size: 16,
-        color: "#fff"
-      })]
-    }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-      isDisabled: isDisabled,
-      htmlFor: id,
-      color: color,
-      children: label
-    })]
-  });
-});
-CheckboxInput.displayName = 'CheckboxInput';
-var _default = CheckboxInput;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_MultipleCheckbox=_interopRequireDefault(require("./components/MultipleCheckbox")),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","id","isDisabled","isInderteminate","defaultIsChecked","isMultiple","color","checkboxChildren","onChangeValue"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var CheckboxInput=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var label=_ref.label,id=_ref.id,_ref$isDisabled=_ref.isDisabled,isDisabled=void 0!==_ref$isDisabled&&_ref$isDisabled,_ref$isInderteminate=_ref.isInderteminate,defaultIsChecked=_ref.defaultIsChecked,isMultiple=_ref.isMultiple,color=_ref.color,checkboxChildren=_ref.checkboxChildren,onChangeValue=_ref.onChangeValue,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(defaultIsChecked||!1),_useState2=_slicedToArray(_useState,2),checked=_useState2[0],setChecked=_useState2[1],inputRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return inputRef.current}),(0,_react.useEffect)(function(){setChecked(defaultIsChecked||!1)},[defaultIsChecked]),isMultiple&&checkboxChildren?/*#__PURE__*/(0,_jsxRuntime.jsx)(_MultipleCheckbox.default,{ref:inputRef,checkboxChildren:checkboxChildren,id:id,color:color,label:label,isDisabled:isDisabled,onChangeValue:onChangeValue}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Wrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.CheckboxWrapper,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Checkbox,_objectSpread({ref:inputRef,type:"checkbox",id:id,color:color,checked:checked,onChange:function(e){null!==e&&void 0!==e&&e.currentTarget&&(setChecked(e.currentTarget.checked),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(e.currentTarget.checked))},disabled:isDisabled},rest)),checked&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:void 0!==_ref$isInderteminate&&_ref$isInderteminate?"minus":"check",size:16,color:"#fff"})]}),label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Label,{isDisabled:isDisabled,htmlFor:id,color:color,children:label})]})});CheckboxInput.displayName="CheckboxInput";var _default=CheckboxInput;exports.default=_default;

package/dist/components/CheckboxInput/styles.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.MultipleWrapper = exports.Label = exports.ChildrensWrapper = exports.CheckboxWrapper = exports.Checkbox = exports.CheckBoxWrapper = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));
-exports.Wrapper = Wrapper;
-var CheckboxWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  svg {\n    position: absolute;\n    pointer-events: none;\n    top: 2;\n    left: 2;\n  }\n"])));
-exports.CheckboxWrapper = CheckboxWrapper;
-var Checkbox = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme,
-    disabled = _ref.disabled,
-    color = _ref.color;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin: 0;\n    box-sizing: border-box;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 6px;\n    cursor: ", ";\n    border: 2px solid ", ";\n    transform: all ease 0.2s;\n\n    :hover,\n    :focus {\n      border-color: ", ";\n    }\n\n    :checked {\n      :hover,\n      :focus {\n        filter: brightness(0.8);\n      }\n\n      border-color: transparent;\n      background: ", ";\n    }\n\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    }\n  "])), disabled && 'not-allowed', theme.colors.neutral.neutral3, theme.colors.neutral.neutral5, color || theme.colors.primary.default, theme.colors.tertiary.default, theme.colors.tertiary.disabled, theme.colors.tertiary.disabled);
-});
-exports.Checkbox = Checkbox;
-var Label = _styled.default.label(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme,
-    isDisabled = _ref2.isDisabled;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-weight: 500;\n      color: ", ";\n    "])), isDisabled ? theme.colors.neutral.neutral2 : theme.colors.neutral.neutral6);
-});
-exports.Label = Label;
-var ChildrensWrapper = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 8px;\n  margin-left: 24px;\n  flex-direction: column;\n  gap: 8px;\n"])));
-exports.ChildrensWrapper = ChildrensWrapper;
-var CheckBoxWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  svg {\n    box-sizing: border-box;\n    padding: 2px;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"])));
-exports.CheckBoxWrapper = CheckBoxWrapper;
-var MultipleWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));
-exports.MultipleWrapper = MultipleWrapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.MultipleWrapper=exports.Label=exports.ChildrensWrapper=exports.CheckboxWrapper=exports.Checkbox=exports.CheckBoxWrapper=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));exports.Wrapper=Wrapper;var CheckboxWrapper=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  svg {\n    position: absolute;\n    pointer-events: none;\n    top: 2;\n    left: 2;\n  }\n"])));exports.CheckboxWrapper=CheckboxWrapper;var Checkbox=_styled.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var theme=_ref.theme,disabled=_ref.disabled,color=_ref.color;return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    margin: 0;\n    box-sizing: border-box;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 6px;\n    cursor: ",";\n    border: 2px solid ",";\n    transform: all ease 0.2s;\n\n    :hover,\n    :focus {\n      border-color: ",";\n    }\n\n    :checked {\n      :hover,\n      :focus {\n        filter: brightness(0.8);\n      }\n\n      border-color: transparent;\n      background: ",";\n    }\n\n    :disabled {\n      border-color: ",";\n      background-color: ",";\n\n      &:hover {\n        background-color: ",";\n      }\n    }\n  "])),disabled&&"not-allowed",theme.colors.neutral.neutral3,theme.colors.neutral.neutral5,color||theme.colors.primary.default,theme.colors.tertiary.default,theme.colors.tertiary.disabled,theme.colors.tertiary.disabled)});exports.Checkbox=Checkbox;var Label=_styled.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var theme=_ref2.theme,isDisabled=_ref2.isDisabled;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      font-weight: 500;\n      color: ",";\n    "])),isDisabled?theme.colors.neutral.neutral2:theme.colors.neutral.neutral6)});exports.Label=Label;var ChildrensWrapper=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 8px;\n  margin-left: 24px;\n  flex-direction: column;\n  gap: 8px;\n"])));exports.ChildrensWrapper=ChildrensWrapper;var CheckBoxWrapper=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  svg {\n    box-sizing: border-box;\n    padding: 2px;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"])));exports.CheckBoxWrapper=CheckBoxWrapper;var MultipleWrapper=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));exports.MultipleWrapper=MultipleWrapper;

package/dist/components/ChoiceList/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ChoiceListContext, ChoiceListProps } from './types';
+export declare const RadioGroup: import("react").Context<ChoiceListContext>;
+declare const ChoiceList: FC<ChoiceListProps>;
+export default ChoiceList;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ChoiceList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChoiceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAsD,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG7D,eAAO,MAAM,UAAU,4CAA4D,CAAC;AAEpF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgEnC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/components/ChoiceList/index.js

@@ -0,0 +1 @@
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RadioGroup=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","radiosName","isDisabled","alignDirection","label","helpText","onChangeValue","alert"];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 source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(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}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var RadioGroup=/*#__PURE__*/(0,_react.createContext)({});exports.RadioGroup=RadioGroup;var ChoiceList=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var children=_ref.children,radiosName=_ref.radiosName,isDisabled=_ref.isDisabled,_ref$alignDirection=_ref.alignDirection,alignDirection=void 0===_ref$alignDirection?"column":_ref$alignDirection,label=_ref.label,helpText=_ref.helpText,onChangeValue=_ref.onChangeValue,alert=_ref.alert,rest=_objectWithoutProperties(_ref,_excluded),handleRadioClick=function(value){if(radioRef.current){var _nativeInputValueSett,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(radioRef.current,value||"");var event=new Event("input",{bubbles:!0});radioRef.current.dispatchEvent(event)}null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(value)},radioRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return radioRef.current}),(0,_react.useEffect)(function(){var _document,_document$querySelect,radios=null===(_document=document)||void 0===_document||null===(_document$querySelect=_document.querySelectorAll)||void 0===_document$querySelect?void 0:_document$querySelect.call(_document,"input[name=\"".concat(radiosName,"\"]"));radios.forEach(function(radio){radio.checked=radio.value===rest.defaultValue}),handleRadioClick(rest.defaultValue)},[rest.defaultValue]),/*#__PURE__*/(0,_jsxRuntime.jsx)(RadioGroup.Provider,{value:{handleRadioClick:handleRadioClick,groupName:radiosName,isDisabled:isDisabled},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ChoiceWrapper,{role:"radiogroup",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("input",_objectSpread({style:{display:"none"},ref:radioRef},rest)),label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ChoiceLabel,{children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ListWrapper,{alignDirection:alignDirection,children:children}),helpText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelpText,{alert:alert,children:helpText})]})})});ChoiceList.displayName="ChoiceList";var _default=ChoiceList;exports.default=_default;

package/dist/components/ChoiceList/styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IStyledRadioInput } from './types';
+import { InputAlertTypes } from '../Input/types';
+export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    alert: InputAlertTypes | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/ChoiceList/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ChoiceList/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;WAAwB,eAAe,GAAG,SAAS;2GAQvE,CAAC"}

package/dist/components/ChoiceList/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListWrapper=exports.HelpText=exports.ChoiceWrapper=exports.ChoiceLabel=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ChoiceWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));exports.ChoiceWrapper=ChoiceWrapper;var ListWrapper=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var _ref$alignDirection=_ref.alignDirection,alignDirection=void 0===_ref$alignDirection?"row":_ref$alignDirection;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ",";\n    flex-wrap: wrap;\n    gap: 12px;\n  "])),alignDirection)});exports.ListWrapper=ListWrapper;var ChoiceLabel=_styled.default.label(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var colors=_ref2.theme.colors;return(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    display: block;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: ",";\n    margin-bottom: 16px;\n  "])),colors.neutral.black)});exports.ChoiceLabel=ChoiceLabel;var HelpText=_styled.default.span(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  font-size: ",";\n\n  color: ",";\n  padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelpText=HelpText;