@proprioo/salatim 19.9.2 → 20.2.0

package/lib/ui/index.d.ts

@@ -13,6 +13,7 @@ export { default as Block, BlockProps } from './src/block/Block';
 export { default as Burger, BurgerProps } from './src/burger/Burger';
 export { default as Button } from './src/button/Button';
 export { default as ButtonRadioGroup, ButtonRadioGroupProps } from './src/buttonRadioGroup/ButtonRadioGroup';
+export { default as BlockCheckIcon } from './src/blockCheckIcon/BlockCheckIcon';
 export { default as BlockIcon } from './src/blockIcon/BlockIcon';
 export { default as Card, CardProps } from './src/card/Card';
 export { ButtonAppearance, ButtonColors, ButtonProps, ButtonSizes, IconPosition } from './src/button/Button.interfaces';

package/lib/ui/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagAppearance = exports.Subtitle = exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonColors = exports.ButtonAppearance = exports.Card = exports.BlockIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
-exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = void 0;
+exports.Subtitle = exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonColors = exports.ButtonAppearance = exports.Card = exports.BlockIcon = exports.BlockCheckIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
+exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = exports.TagAppearance = void 0;
 var react_places_autocomplete_1 = require("react-places-autocomplete");
 Object.defineProperty(exports, "PlacesAutocomplete", { enumerable: true, get: function () { return __importDefault(react_places_autocomplete_1).default; } });
 Object.defineProperty(exports, "geocodeByAddress", { enumerable: true, get: function () { return react_places_autocomplete_1.geocodeByAddress; } });
@@ -32,6 +32,8 @@ var Button_1 = require("./src/button/Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 var ButtonRadioGroup_1 = require("./src/buttonRadioGroup/ButtonRadioGroup");
 Object.defineProperty(exports, "ButtonRadioGroup", { enumerable: true, get: function () { return __importDefault(ButtonRadioGroup_1).default; } });
+var BlockCheckIcon_1 = require("./src/blockCheckIcon/BlockCheckIcon");
+Object.defineProperty(exports, "BlockCheckIcon", { enumerable: true, get: function () { return __importDefault(BlockCheckIcon_1).default; } });
 var BlockIcon_1 = require("./src/blockIcon/BlockIcon");
 Object.defineProperty(exports, "BlockIcon", { enumerable: true, get: function () { return __importDefault(BlockIcon_1).default; } });
 var Card_1 = require("./src/card/Card");

package/lib/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAwD;AAA/C,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAA6D;AAApD,6GAAA,OAAO,OAAQ;AACxB,oEAMwC;AALtC,qHAAA,gBAAgB,OAAA;AAChB,iHAAA,YAAY,OAAA;AAEZ,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,uDAA8E;AAArE,uHAAA,OAAO,OAAa;AAAE,wGAAA,WAAW,OAAA;AAC1C,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAK9B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,+EAGmD;AAFjD,uIAAA,OAAO,OAAqB;AAG9B,gEAGyC;AAFvC,6HAAA,OAAO,OAAgB;AAGzB,2CAI2B;AAHzB,kHAAA,OAAO,OAAY;AAIrB,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,iEAIsC;AAFpC,oHAAA,gBAAgB,OAAA;AAChB,oHAAA,gBAAgB,OAAA;AAGlB,wCAAkD;AAAzC,6GAAA,OAAO,OAAQ;AACxB,2CAA8C;AAArC,kGAAA,SAAS,OAAA;AAClB,uDAImC;AAHjC,mHAAA,OAAO,OAAS;AAIlB,+DAA4D;AAAnD,4GAAA,WAAW,OAAA;AACpB,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,2CAA2C;AAAlC,+FAAA,MAAM,OAAA;AACf,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,mDAA+E;AAAtE,2GAAA,aAAa,OAAA;AAAE,4GAAA,cAAc,OAAA;AACtC,qCAA+C;AAAtC,2GAAA,OAAO,OAAO;AACvB,mDAA+C;AAAtC,qGAAA,OAAO,OAAA;AAChB,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,mHAAA,OAAO,OAAW;AAC3B,mEAG2C;AAFzC,wHAAA,OAAO,OAAU;AAGnB,kFAGqD;AAFnD,yIAAA,OAAO,OAAsB;AAC7B,sHAAA,gBAAgB,OAAA;AAElB,gGAAwG;AAA/F,qIAAA,MAAM,OAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":"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"}

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement } from 'react';
+export interface BlockCheckIconProps {
+    checked: boolean;
+    text: string;
+    name: string;
+    onClick(value: boolean): void;
+    dataTest?: string;
+    image?: ReactElement;
+}
+declare const BlockCheckIcon: FC<BlockCheckIconProps>;
+export default BlockCheckIcon;

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const BlockIcon_styles_1 = require("../blockIcon/BlockIcon.styles");
+const BlockCheckIcon_styles_1 = require("./BlockCheckIcon.styles");
+const BlockCheckIcon = ({ onClick, image, checked, name, text, dataTest }) => {
+    const labelId = `checkbox-input-label-${text}`;
+    return (react_1.default.createElement(BlockCheckIcon_styles_1.Layout, Object.assign({}, { checked }, { "data-test": dataTest || `checkbox-button-${text}` }),
+        react_1.default.createElement(BlockIcon_styles_1.InputLayout, Object.assign({}, name, { type: "checkbox", "aria-labelledby": labelId, checked: checked, onChange: event => onClick(event.target.checked) })),
+        react_1.default.createElement(BlockCheckIcon_styles_1.IconLayout, null, image),
+        react_1.default.createElement("span", { id: labelId }, text)));
+};
+exports.default = BlockCheckIcon;
+//# sourceMappingURL=BlockCheckIcon.js.map

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAgD;AAEhD,oEAA4D;AAC5D,mEAA6D;AAW7D,MAAM,cAAc,GAA4B,CAAC,EAC/C,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAE/C,OAAO,CACL,8BAAC,8BAAM,oBAAK,EAAE,OAAO,EAAE,iBAAa,QAAQ,IAAI,mBAAmB,IAAI,EAAE;QACvE,8BAAC,8BAAW,oBACN,IAAI,IACR,IAAI,EAAC,UAAU,qBACE,OAAO,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAChD;QACF,8BAAC,kCAAU,QAAE,KAAK,CAAc;QAChC,wCAAM,EAAE,EAAE,OAAO,IAAG,IAAI,CAAQ,CACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const storybook_state_1 = require("@sambego/storybook-state");
+const react_2 = require("@storybook/react");
+const utils_1 = require("../../../utils");
+const icons_1 = __importDefault(require("../icons"));
+const BlockCheckIcon_1 = __importDefault(require("./BlockCheckIcon"));
+const propertyState = new storybook_state_1.Store({
+    isFlat: false,
+    isHouse: false
+});
+const { Arrow } = icons_1.default;
+(0, react_2.storiesOf)('BlockCheckIcon', module).add('BlockCheckIcon', () => {
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(storybook_state_1.State, { store: propertyState }, state => (react_1.default.createElement(utils_1.Line, null,
+            react_1.default.createElement(utils_1.Row, null,
+                react_1.default.createElement(BlockCheckIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: "Appartement", name: 'flat', checked: state.isFlat, onClick: isFlat => propertyState.set({ isFlat }) }),
+                react_1.default.createElement(BlockCheckIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: "Maison", name: 'house', checked: state.isHouse, onClick: isHouse => propertyState.set({ isHouse }) })))))));
+});
+//# sourceMappingURL=BlockCheckIcon.stories.js.map

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,sEAA8C;AAE9C,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC7D,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;YACH,8BAAC,WAAG;gBACF,8BAAC,wBAAc,IACb,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,GAChD;gBACF,8BAAC,wBAAc,IACb,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,GAClD,CACE,CACD,CACR,CACK,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Layout: import("styled-components").StyledComponent<"label", any, {
+    checked: boolean;
+}, never>;
+export declare const IconLayout: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconLayout = exports.Layout = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
+const colors_1 = __importDefault(require("../../../utils/src/colors"));
+const paragraphs_1 = __importDefault(require("../../../utils/src/paragraphs"));
+const radius_1 = __importDefault(require("../../../utils/src/radius"));
+const spacing_1 = require("../../../utils/src/spacing");
+exports.Layout = styled_components_1.default.label `
+  ${paragraphs_1.default.breadcrumb};
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+  background-color: white;
+  padding: ${(0, spacing_1.convertPxToRem)(16)};
+  color: ${colors_1.default.dark.base80};
+
+  & + & {
+    margin-top: ${(0, spacing_1.convertPxToRem)(12)};
+  }
+
+  svg {
+    height: ${(0, spacing_1.convertPxToRem)(28)};
+    width: ${(0, spacing_1.convertPxToRem)(28)};
+  }
+
+  ${({ checked }) => checked &&
+    (0, styled_components_1.css) `
+      ${exports.IconLayout} {
+        color: ${colors_1.default.orange.base};
+        border-color: currentColor;
+        background-color: ${colors_1.default.orange.base5};
+      }
+    `};
+
+  @media (min-width: ${breakpoints_1.default.xsmall}px) {
+    & + & {
+      margin: 0 0 0 ${(0, spacing_1.convertPxToRem)(16)};
+    }
+  }
+`;
+exports.IconLayout = styled_components_1.default.span `
+  display: flex;
+  align-items: center;
+  border: ${(0, spacing_1.convertPxToRem)(1)} solid ${colors_1.default.grey.base80};
+  border-radius: ${radius_1.default.rounded};
+  margin-bottom: ${(0, spacing_1.convertPxToRem)(8)};
+  transition: border 0.1s ease-in, background 0.2s ease-in;
+
+  svg {
+    height: ${(0, spacing_1.convertPxToRem)(44)};
+    width: ${(0, spacing_1.convertPxToRem)(44)};
+  }
+`;
+//# sourceMappingURL=BlockCheckIcon.styles.js.map

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,EAAE,CAAC;WACpB,gBAAM,CAAC,IAAI,CAAC,MAAM;;;kBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;;cAItB,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAG3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,MAAM,CAAC,IAAI;;4BAEP,gBAAM,CAAC,MAAM,CAAC,KAAK;;KAE1C;;uBAEkB,qBAAW,CAAC,MAAM;;sBAEnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;YAGzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;;;cAItB,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;CAE9B,CAAC"}

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_1 = require("../../../utils/src/test-utils");
+const BlockCheckIcon_1 = __importDefault(require("./BlockCheckIcon"));
+const mockOnChange = jest.fn();
+const defaultProps = {
+    image: react_1.default.createElement("div", { "data-test": "image" }),
+    text: 'text',
+    dataTest: 'test',
+    name: 'test',
+    checked: false,
+    onClick: mockOnChange
+};
+describe('BlockCheckIcon', () => {
+    it('should pass A11y test', () => (0, test_utils_1.testA11y)(react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, defaultProps)))));
+    it('should equal snapshot rendering', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, defaultProps))).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('should render', () => {
+        (0, react_2.render)(react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, defaultProps)));
+        expect(react_2.screen.getByTestId('test')).toBeInTheDocument();
+        expect(react_2.screen.getByRole('checkbox', { name: 'text' })).toBeInTheDocument();
+        expect(react_2.screen.getByRole('checkbox', { name: 'text' })).not.toBeChecked();
+        expect(react_2.screen.getByTestId('image')).toBeInTheDocument();
+    });
+    it('should trigger true onChange', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, defaultProps)));
+        user_event_1.default.click(react_2.screen.getByRole('checkbox', { name: 'text' }));
+        yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(true));
+    }));
+    it('should trigger false onChange', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, defaultProps, { checked: true })));
+        user_event_1.default.click(react_2.screen.getByRole('checkbox', { name: 'text' }));
+        yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(false));
+    }));
+    it('should be checked', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { checked: true });
+        (0, react_2.render)(react_1.default.createElement(BlockCheckIcon_1.default, Object.assign({}, props)));
+        expect(react_2.screen.getByRole('checkbox', { name: 'text' })).toBeChecked();
+    });
+});
+//# sourceMappingURL=BlockCheckIcon.test.js.map

package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.test.tsx"],"names":[],"mappings":"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"}

package/lib/ui/src/blockIcon/BlockIcon.d.ts

@@ -1,11 +1,13 @@
 import { ReactElement } from 'react';
-export interface OwnProps<T> {
+export interface BlockIconProps<T> {
     text: string;
-    image: ReactElement;
+    name: string;
     value: T;
     selectedValue: T;
-    dataTest: string;
     onClick(value: T): void;
+    dataTest?: string;
+    image?: ReactElement;
+    isContentCentered?: boolean;
 }
-declare function BlockIcon<T>({ onClick, image, text, selectedValue, dataTest, value }: OwnProps<T>): JSX.Element;
+declare function BlockIcon<T>({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered }: BlockIconProps<T>): JSX.Element;
 export default BlockIcon;

package/lib/ui/src/blockIcon/BlockIcon.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const BlockIcon_styles_1 = require("./BlockIcon.styles");
-function BlockIcon({ onClick, image, text, selectedValue, dataTest, value }) {
-    const isDisabled = selectedValue !== value;
-    return (react_1.default.createElement(BlockIcon_styles_1.Layout, { "data-test": dataTest, onClick: () => onClick(value), disabled: isDisabled, "aria-disabled": isDisabled },
-        react_1.default.createElement(BlockIcon_styles_1.TextContainer, null,
-            react_1.default.createElement("span", { "data-test": "text-block" }, text)),
-        react_1.default.createElement(BlockIcon_styles_1.ImageContainer, null,
-            react_1.default.createElement("span", { "data-test": "image-block" }, image))));
+function BlockIcon({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered = false }) {
+    const isActive = selectedValue === value;
+    const labelId = `radio-input-label-${text}`;
+    return (react_1.default.createElement(BlockIcon_styles_1.Layout, Object.assign({}, { isActive, isContentCentered }, { "data-test": dataTest || `radio-button-${text}` }),
+        react_1.default.createElement(BlockIcon_styles_1.InputLayout, Object.assign({}, name, { type: "radio", "aria-labelledby": labelId, checked: isActive, onChange: () => onClick(value) })),
+        react_1.default.createElement("span", { id: labelId }, text),
+        image));
 }
 exports.default = BlockIcon;
 //# sourceMappingURL=BlockIcon.js.map

package/lib/ui/src/blockIcon/BlockIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4C;AAE5C,yDAA2E;AAW3E,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACO;IACZ,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,yBAAM,iBACM,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,UAAU,mBACL,UAAU;QAEzB,8BAAC,gCAAa;YACZ,qDAAgB,YAAY,IAAE,IAAI,CAAQ,CAC5B;QAChB,8BAAC,iCAAc;YACb,qDAAgB,aAAa,IAAE,KAAK,CAAQ,CAC7B,CACV,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4C;AAE5C,yDAAyD;AAazD,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,iBAAiB,GAAG,KAAK,EACP;IAClB,MAAM,QAAQ,GAAG,aAAa,KAAK,KAAK,CAAC;IACzC,MAAM,OAAO,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAE5C,OAAO,CACL,8BAAC,yBAAM,oBACD,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBACxB,QAAQ,IAAI,gBAAgB,IAAI,EAAE;QAE7C,8BAAC,8BAAW,oBACN,IAAI,IACR,IAAI,EAAC,OAAO,qBACK,OAAO,EACxB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAC9B;QACF,wCAAM,EAAE,EAAE,OAAO,IAAG,IAAI,CAAQ;QAC/B,KAAK,CACC,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.stories.js

@@ -13,14 +13,16 @@ const BlockIcon_1 = __importDefault(require("./BlockIcon"));
 const propertyState = new storybook_state_1.Store({
     property: hokkaido_1.PropertyEnum.FLAT
 });
+const radioGroupName = 'property-type';
 const { Arrow } = icons_1.default;
 (0, react_2.storiesOf)('BlockIcon', module).add('BlockIcon', () => {
     const updateProperty = (property) => {
         propertyState.set({ property });
     };
     return (react_1.default.createElement(storybook_state_1.State, { store: propertyState }, state => (react_1.default.createElement(utils_1.Line, null,
-        react_1.default.createElement(utils_1.Row, null,
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-flat`, image: react_1.default.createElement(Arrow, null), text: 'Appartement', value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-house`, image: react_1.default.createElement(Arrow, null), text: 'Maison', value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
+        react_1.default.createElement("h2", { id: "property-type-label" }, "Type de logement :"),
+        react_1.default.createElement(utils_1.Row, { role: "radiogroup", "aria-labelledby": "property-type-label" },
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: "Appartement", name: radioGroupName, value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: "Maison", name: radioGroupName, value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
 });
 //# sourceMappingURL=BlockIcon.stories.js.map

package/lib/ui/src/blockIcon/BlockIcon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AAEH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;QACH,8BAAC,WAAG;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AACH,MAAM,cAAc,GAAG,eAAe,CAAC;AAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;QACH,sCAAI,EAAE,EAAC,qBAAqB,yBAAwB;QACpD,8BAAC,WAAG,IAAC,IAAI,EAAC,YAAY,qBAAiB,qBAAqB;YAC1D,8BAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Layout: import("styled-components").StyledComponent<"div", any, {
-    disabled: boolean;
+export declare const Layout: import("styled-components").StyledComponent<"label", any, {
+    isActive: boolean;
+    isContentCentered: boolean;
 }, never>;
+export declare const InputLayout: import("styled-components").StyledComponent<"input", any, {}, never>;

package/lib/ui/src/blockIcon/BlockIcon.styles.js

@@ -19,58 +19,51 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Layout = exports.TextContainer = exports.ImageContainer = void 0;
+exports.InputLayout = exports.Layout = void 0;
+const polished_1 = require("polished");
 const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../../utils");
-exports.ImageContainer = styled_components_1.default.div `
-  margin-left: auto;
-
-  span {
-    display: block;
-    height: ${(0, utils_1.convertPxToRem)(28)};
-    width: ${(0, utils_1.convertPxToRem)(28)};
-
-    svg {
-      height: 100%;
-      width: 100%;
-    }
-  }
-`;
-exports.TextContainer = styled_components_1.default.div `
+exports.Layout = styled_components_1.default.label `
   ${utils_1.paragraphs.label};
-`;
-exports.Layout = styled_components_1.default.div `
   display: flex;
   align-items: center;
+  width: 100%;
+  justify-content: ${({ isContentCentered }) => isContentCentered ? 'center' : 'space-between'};
   cursor: pointer;
-  width: 50%;
-  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.red.base10};
+  background-color: white;
+  padding: ${(0, utils_1.convertPxToRem)(16)};
+  height: ${(0, utils_1.convertPxToRem)(48)};
+  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base80};
   border-radius: ${utils_1.radius.biggest};
+  color: ${utils_1.colors.dark.base80};
   transition: border 0.1s ease-in, background 0.2s ease-in;
-  height: ${(0, utils_1.convertPxToRem)(48)};
-  padding: ${(0, utils_1.convertPxToRem)(16)};
-  color: ${utils_1.colors.orange.base};
-  background-color: ${utils_1.colors.orange.base10};
-  box-shadow: ${utils_1.shadows.level5};
 
   & + & {
-    margin-left: ${(0, utils_1.convertPxToRem)(16)};
+    margin-top: ${(0, utils_1.convertPxToRem)(12)};
+  }
+
+  svg {
+    height: ${(0, utils_1.convertPxToRem)(28)};
+    width: ${(0, utils_1.convertPxToRem)(28)};
   }
 
-  @media (max-width: ${utils_1.breakpoints.xsmall}px) {
-    width: 100%;
+  @media (min-width: ${utils_1.breakpoints.xsmall}px) {
+    width: 50%;
 
     & + & {
-      margin: ${(0, utils_1.convertPxToRem)(12)} 0 0;
+      margin: 0 0 0 ${(0, utils_1.convertPxToRem)(16)};
     }
   }
 
-  ${({ disabled }) => disabled &&
+  ${({ isActive }) => isActive &&
     (0, styled_components_1.css) `
-      background-color: white;
-      border-color: ${utils_1.colors.grey.base80};
-      color: ${utils_1.colors.dark.base80};
-      box-shadow: none;
+      box-shadow: ${utils_1.shadows.level5};
+      border-color: ${utils_1.colors.red.base10};
+      background-color: ${utils_1.colors.orange.base10};
+      color: ${utils_1.colors.orange.base};
     `};
 `;
+exports.InputLayout = styled_components_1.default.input `
+  ${(0, polished_1.hideVisually)()};
+`;
 //# sourceMappingURL=BlockIcon.styles.js.map

package/lib/ui/src/blockIcon/BlockIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;cAK1B,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO9B,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;IACnC,kBAAU,CAAC,KAAK;CACnB,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;YAK3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,GAAG,CAAC,MAAM;mBACrC,cAAM,CAAC,OAAO;;YAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;WACpB,cAAM,CAAC,MAAM,CAAC,IAAI;sBACP,cAAM,CAAC,MAAM,CAAC,MAAM;gBAC1B,eAAO,CAAC,MAAM;;;mBAGX,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGd,mBAAW,CAAC,MAAM;;;;gBAIzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAI9B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;sBAEe,cAAM,CAAC,IAAI,CAAC,MAAM;eACzB,cAAM,CAAC,IAAI,CAAC,MAAM;;KAE5B;CACJ,CAAC"}
+{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwC;AACxC,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAGhC;IACE,kBAAU,CAAC,KAAK;;;;qBAIC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;;;aAGrC,IAAA,sBAAc,EAAC,EAAE,CAAC;YACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,cAAM,CAAC,OAAO;WACtB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;kBAIX,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;cAItB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGR,mBAAW,CAAC,MAAM;;;;sBAInB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAIpC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;oBACa,eAAO,CAAC,MAAM;sBACZ,cAAM,CAAC,GAAG,CAAC,MAAM;0BACb,cAAM,CAAC,MAAM,CAAC,MAAM;eAC/B,cAAM,CAAC,MAAM,CAAC,IAAI;KAC5B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;IACnC,IAAA,uBAAY,GAAE;CACjB,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.test.js

@@ -17,17 +17,20 @@ const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
 const hokkaido_1 = require("@proprioo/hokkaido");
 const react_2 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_1 = require("../../../utils/src/test-utils");
 const BlockIcon_1 = __importDefault(require("./BlockIcon"));
 const mockOnChange = jest.fn();
 const defaultProps = {
-    image: react_1.default.createElement("div", null),
+    image: react_1.default.createElement("div", { "data-test": "image" }),
     text: 'text',
     dataTest: 'test',
+    name: 'radio-group-name',
     value: hokkaido_1.PropertyEnum.FLAT,
     selectedValue: hokkaido_1.PropertyEnum.HOUSE,
     onClick: mockOnChange
 };
 describe('BlockIcon', () => {
+    it('should pass A11y test', () => (0, test_utils_1.testA11y)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps))));
     it('should equal snapshot rendering', () => {
         const tree = react_test_renderer_1.default.create(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps))).toJSON();
         expect(tree).toMatchSnapshot();
@@ -35,19 +38,19 @@ describe('BlockIcon', () => {
     it('should render', () => {
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByTestId('test')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('image-block')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('text-block')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'true');
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).toBeInTheDocument();
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).not.toBeChecked();
+        expect(react_2.screen.getByTestId('image')).toBeInTheDocument();
     });
     it('should trigger onChange', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
-        user_event_1.default.click(react_2.screen.getByTestId('test'));
+        user_event_1.default.click(react_2.screen.getByRole('radio', { name: 'text' }));
         yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
     }));
-    it('should not be disabled', () => {
+    it('should be selected', () => {
         const props = Object.assign(Object.assign({}, defaultProps), { selectedValue: hokkaido_1.PropertyEnum.FLAT });
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, props)));
-        expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'false');
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).toBeChecked();
     });
 });
 //# sourceMappingURL=BlockIcon.test.js.map

package/lib/ui/src/blockIcon/BlockIcon.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAiE;AACjE,6EAAoD;AAEpD,4DAAkD;AAElD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,0CAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,mCACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAChD,eAAe,EACf,OAAO,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAiE;AACjE,6EAAoD;AAEpD,8DAAyD;AACzD,4DAAwD;AAExD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAiC;IACjD,KAAK,EAAE,oDAAe,OAAO,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE7E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACtE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAE7D,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,KAAK,mCACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/card/Card.js

@@ -32,9 +32,11 @@ const Dropup_1 = __importDefault(require("./icons/Dropup"));
 const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, labelAfter, noPadding, hasToggle = false, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
     const isControlled = controlledIsOpen !== undefined;
     const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
+    const canCloseControlledCard = isControlled && hasToggle && !onClose;
+    const canOpenControlledCard = isControlled && hasToggle && !onOpen;
     const isSmartphone = (0, utils_1.useSmartphoneDevice)();
     const closeCard = () => {
-        if (!isControlled) {
+        if (!isControlled || canCloseControlledCard) {
             toggleIsOpen(false);
         }
         if (onClose) {
@@ -42,21 +44,14 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
         }
     };
     const openCard = () => {
-        if (!isControlled) {
+        if (!isControlled || canOpenControlledCard) {
             toggleIsOpen(true);
         }
         if (onOpen) {
             onOpen();
         }
     };
-    const toggleCard = () => {
-        if (isOpen) {
-            closeCard();
-        }
-        else {
-            openCard();
-        }
-    };
+    const toggleCard = () => (isOpen ? closeCard() : openCard());
     (0, react_1.useEffect)(() => {
         if (isControlled) {
             toggleIsOpen(controlledIsOpen);