@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-fix-timepicker

package/lib/components/checkbox/CheckboxWithLabelDefaults.js

@@ -0,0 +1,91 @@
+export default {
+  "label": {
+    "type": "string",
+    "values": []
+  },
+  "children": {
+    "type": "string",
+    "values": []
+  },
+  "checked": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "readonly": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "CheckboxChangeEventHandler"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/checkbox/index.d.ts

@@ -1,4 +1,6 @@
 import Checkbox from './Checkbox';
-import CheckboxTile from './tiles/tile/CheckboxTile';
+import CheckboxList from './list/CheckboxList';
 import CheckboxTiles from './tiles/CheckboxTiles';
-export { Checkbox, CheckboxTiles, CheckboxTile };
+import CheckboxTile from './tiles/tile/CheckboxTile';
+export * from './CheckboxProps';
+export { Checkbox, CheckboxList, CheckboxTile, CheckboxTiles };

package/lib/components/checkbox/index.js

@@ -1,5 +1,7 @@
 import Checkbox from './Checkbox';
-import CheckboxTile from './tiles/tile/CheckboxTile';
+import CheckboxList from './list/CheckboxList';
 import CheckboxTiles from './tiles/CheckboxTiles';
-export { Checkbox, CheckboxTiles, CheckboxTile };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQTtBQUNwRCxPQUFPLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQTtBQUVqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsQ0FBQSJ9
+import CheckboxTile from './tiles/tile/CheckboxTile';
+export * from './CheckboxProps';
+export { Checkbox, CheckboxList, CheckboxTile, CheckboxTiles };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQTtBQUM5QyxPQUFPLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQTtBQUNqRCxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQTtBQUVwRCxjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsQ0FBQSJ9

package/lib/components/checkbox/list/CheckboxList.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { CheckboxListWebProps } from './CheckboxListProps';
+/**
+ * Checkbox List Component
+ * @param children {ReactNode} CheckboxList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param align {boolean} align Checkboxes
+ * @param verticalDesktop {boolean} Vertical Checkboxes
+ * @param horizontalMobile {boolean} Expect mobile screen
+ * @param accessibilityLabelledBy {string} aria-labelledby attribute
+ */
+declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListWebProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxList;

package/lib/components/checkbox/list/CheckboxList.js

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getJustifiedClassName } from '../../../objects';
+import { is } from '../../../services';
+import { isRequiredChild } from '../../../helpers/require';
+import clsx from 'clsx';
+import * as React from 'react';
+import { Text, TextMarkup } from '../../../components/text';
+import { TypographyColor } from '../../../objects/Typography';
+/**
+ * Checkbox List Component
+ * @param children {ReactNode} CheckboxList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param align {boolean} align Checkboxes
+ * @param verticalDesktop {boolean} Vertical Checkboxes
+ * @param horizontalMobile {boolean} Expect mobile screen
+ * @param accessibilityLabelledBy {string} aria-labelledby attribute
+ */
+var CheckboxList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, label = _a.label, testId = _a.testId, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children", "label", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var groupLabelClasses = hashClass(styled, 'group-label');
+    return (React.createElement(React.Fragment, null,
+        label && (React.createElement("p", { className: groupLabelClasses },
+            label,
+            isRequiredChild(children) && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR },
+                ' ',
+                "*")))),
+        React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkboxes', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children)));
+});
+CheckboxList.displayName = ComponentName.CheckboxList;
+export default CheckboxList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9saXN0L0NoZWNrYm94TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQUMsRUFBd0gsRUFBRSxHQUFHO0lBQTNILElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdEgsNkhBQXdILENBQUY7SUFDN0csSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFBO0lBRTFELE9BQU8sQ0FDTDtRQUNHLEtBQUssSUFBSSxDQUNSLDJCQUFHLFNBQVMsRUFBRSxpQkFBaUI7WUFDNUIsS0FBSztZQUNMLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM1QixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVO2dCQUM1RCxHQUFHO29CQUNDLENBQ1IsQ0FDQyxDQUNMO1FBQ0QscURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE9BQU8scUJBQ0ssdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFlBQVksRUFDWixTQUFTLEVBQ1QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFDM0MsZUFBZSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUMxQyxDQUNGLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNMLENBQ0osQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=

package/lib/components/checkbox/list/CheckboxList.native.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { CheckboxListProps } from './CheckboxListProps';
+/**
+ * CheckboxList Native Component
+ * @param children {ReactNode} CheckboxList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} CheckboxList label
+ */
+declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListProps & React.RefAttributes<import("react-native").View>>;
+export default CheckboxList;

package/lib/components/checkbox/list/CheckboxList.native.js

@@ -0,0 +1,40 @@
+import { __assign } from "tslib";
+import { AutoLayoutWrapper } from '../../../components/autolayout';
+import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { SpacerSize } from '../../../components/spacer';
+import { Text } from '../../../components/text';
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { isRequiredChild } from '../../../helpers/require';
+import { TypographyColor } from '../../../objects/Typography';
+var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
+var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
+var SPACING_MATRIX = [
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Divider', TWO],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Checkbox', TWO],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Checkbox', THREE],
+];
+/**
+ * CheckboxList Native Component
+ * @param children {ReactNode} CheckboxList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} CheckboxList label
+ */
+var CheckboxList = React.forwardRef(function (_a, ref) {
+    var children = _a.children, label = _a.label;
+    var styles = StyleSheet.create({
+        label: {
+            marginBottom: 8,
+        },
+    });
+    return (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX }),
+        label && (React.createElement(Text, { style: styles.label },
+            label,
+            " ",
+            isRequiredChild(children) && React.createElement(Text, { typo: TypographyColor.TEXT_ERROR }, "*"))),
+        children));
+});
+CheckboxList.displayName = ComponentName.CheckboxList;
+export default CheckboxList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvbGlzdC9DaGVja2JveExpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5QyxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsR0FBRyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxLQUFLLENBQUM7Q0FDdEQsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUFtQixFQUFFLEdBQUc7UUFBdEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ2hHLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO1FBQ2xELEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUs7WUFBRyxLQUFLOztZQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQVUsQ0FBUSxDQUMxSDtRQUNBLFFBQVEsQ0FDUyxDQUNyQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFFckQsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/checkbox/list/CheckboxListProps.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import type { CheckboxProps } from '../../../components/checkbox/CheckboxProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import { AlignableProps, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+type CheckboxListChildrenTypes = React.ReactElement<CheckboxProps | DividerProps> | undefined;
+/**
+ * Checkbox List Interface
+ */
+export interface CheckboxListProps {
+    children?: CheckboxListChildrenTypes | CheckboxListChildrenTypes[];
+    label?: string;
+}
+/**
+ * Checkbox List Web Interface
+ */
+export interface CheckboxListWebProps extends CheckboxListProps, CommonProps, Dev {
+    align?: AlignableProps['align'];
+    className?: string;
+    horizontalMobile?: boolean;
+    verticalDesktop?: boolean;
+    accessibilityLabelledBy?: string;
+}
+export type CheckboxListRef = HTMLDivElement;
+export type CheckboxListNativeRef = View;
+export {};

package/lib/components/checkbox/list/CheckboxListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2xpc3QvQ2hlY2tib3hMaXN0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/checkbox/list/CheckboxListPropsDefaults.js

@@ -0,0 +1,17 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "JSXElementConstructor<any>>",
+      "CheckboxListChildrenTypes[]"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js

@@ -0,0 +1,83 @@
+export default {
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "horizontalMobile": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "verticalDesktop": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabelledBy": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "JSXElementConstructor<any>>",
+      "CheckboxListChildrenTypes[]"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/checkbox/list/index.d.ts

@@ -0,0 +1,2 @@
+import CheckboxList from './CheckboxList';
+export { CheckboxList };

package/lib/components/checkbox/list/index.js

@@ -0,0 +1,3 @@
+import CheckboxList from './CheckboxList';
+export { CheckboxList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFBIn0=

package/lib/components/checkbox/tiles/CheckboxTiles.d.ts

@@ -1,10 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CheckboxTilesProps } from './CheckboxTilesProps';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
+ * CheckboxTiles
+ * @param id
+ * @param align {Alignable}
+ * @param verticalAlign {Alignable}
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-declare const CheckboxTiles: ({ id, className, children, align, verticalAlign, ...others }: CheckboxTilesProps) => JSX.Element;
+declare const CheckboxTiles: React.ForwardRefExoticComponent<CheckboxTilesProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxTiles;

package/lib/components/checkbox/tiles/CheckboxTiles.js

@@ -1,18 +1,23 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
-import { getAlignClassName } from '../../../objects';
-import { is } from '../../../services';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { isRequiredChild } from '../../../helpers/require';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
- * Columns Item Component - Columns Child
- * @param size {ColumnsSize} Size 1-12
+ * CheckboxTiles
+ * @param id
+ * @param align {Alignable}
+ * @param verticalAlign {Alignable}
+ * @param numberCols {GridSize | GridItemSize} number of columns for grid layout
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var CheckboxTiles = function (_a) {
-    var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign"]);
+var CheckboxTiles = React.forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, numberCols = _a.numberCols, testId = _a.testId, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy", "numberCols", "testId"]);
     var styled = useTrilogyContext().styled;
     var alignClass = null;
     if (align) {
@@ -28,9 +33,32 @@ var CheckboxTiles = function (_a) {
             (getAlignClassName(verticalAlign) === 'aligned-start' && is('aligned-start')) ||
                 (getAlignClassName(verticalAlign) === 'aligned-center' && is('aligned-center')) ||
                 (getAlignClassName(verticalAlign) === 'aligned-end' && is('aligned-end')) ||
+                (getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
                 null;
     }
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
-};
+    var getGridColumnClasses = function () {
+        if (!numberCols)
+            return null;
+        if (typeof numberCols === 'number')
+            return "is-grid-cols-".concat(numberCols);
+        var responsiveClasses = [];
+        if (numberCols.mobile)
+            responsiveClasses.push("is-grid-cols-mobile-".concat(numberCols.mobile));
+        if (numberCols.tablet)
+            responsiveClasses.push("is-grid-cols-tablet-".concat(numberCols.tablet));
+        if (numberCols.touch)
+            responsiveClasses.push("is-grid-cols-touch-".concat(numberCols.touch));
+        if (numberCols.desktop)
+            responsiveClasses.push("is-grid-cols-desktop-".concat(numberCols.desktop));
+        if (numberCols.widescreen)
+            responsiveClasses.push("is-grid-cols-widescreen-".concat(numberCols.widescreen));
+        if (numberCols.fullhd)
+            responsiveClasses.push("is-grid-cols-fullhd-".concat(numberCols.fullhd));
+        return responsiveClasses.join(' ');
+    };
+    var gridColumnClasses = getGridColumnClasses();
+    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass, gridColumnClasses && 'is-grid', gridColumnClasses && gridColumnClasses)) }, others), children));
+});
+CheckboxTiles.displayName = ComponentName.CheckboxTiles;
 export default CheckboxTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7R0FLRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFPRjtJQU5uQixJQUFBLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBTlkseURBT3RCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFJLGtCQUFrQixHQUFHLElBQUksQ0FBQTtJQUM3QixJQUFJLGFBQWEsRUFBRTtRQUNqQixrQkFBa0I7WUFDaEIsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUM3RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUMvRSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3pFLElBQUksQ0FBQTtLQUNQO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDNUYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsVUFDRSxFQUF5RyxFQUN6RyxHQUFHO0lBREQsSUFBQSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsdUJBQXVCLDZCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkcsNEdBQXlHLENBQUY7SUFHL0YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBRXJCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2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

package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { CheckboxTilesProps } from './CheckboxTilesProps';
+declare const CheckboxTiles: React.ForwardRefExoticComponent<CheckboxTilesProps & React.RefAttributes<View>>;
+export default CheckboxTiles;

package/lib/components/checkbox/tiles/CheckboxTiles.native.js

@@ -0,0 +1,49 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { SpacerSize } from '../../../components/spacer';
+import { getAlignStyle } from '../../../objects/facets/Alignable';
+import React, { useCallback, useMemo } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { CheckboxTilesContext } from './context';
+var CheckboxTiles = React.forwardRef(function (_a, ref) {
+    var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, id = _a.id, others = __rest(_a, ["children", "align", "verticalAlign", "numberCols", "id"]);
+    var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
+    var columnCount = useMemo(function () {
+        if (!numberCols || numberCols === 1)
+            return null;
+        if (typeof numberCols === 'number')
+            return numberCols;
+        if (numberCols.mobile === 1 || numberCols.tablet === 1)
+            return null;
+        return numberCols.mobile || numberCols.tablet;
+    }, [numberCols]);
+    var styles = StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            gap: SpacerSize.TWO,
+            justifyContent: getAlignStyle(align),
+            alignItems: (verticalAlign && getAlignStyle(verticalAlign)) || (align && getAlignStyle(align)),
+        },
+        columnWrapper: {
+            gap: SpacerSize.TWO,
+            marginBottom: SpacerSize.TWO,
+        },
+    });
+    var renderItem = useCallback(function (_a) {
+        var item = _a.item, index = _a.index;
+        if (!columnCount)
+            return React.createElement(View, { style: { flex: 1 } }, item);
+        var isLastItem = index === childArray.length - 1;
+        var isOddItem = childArray.length % columnCount !== 0 && isLastItem;
+        return (React.createElement(View, { style: {
+                flex: isOddItem ? 0 : 1,
+                width: isOddItem ? "".concat(100 / columnCount, "%") : undefined,
+            } }, item));
+    }, [childArray.length, columnCount]);
+    var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
+    return (React.createElement(CheckboxTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ id: id, ref: ref, style: [styles.container] }, others), children))));
+});
+CheckboxTiles.displayName = ComponentName.CheckboxTiles;
+export default CheckboxTiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxLQUFLLEVBQUUsRUFBd0IsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRWhELElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBNkQsRUFBRSxHQUFHO0lBQWhFLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQTNELDBEQUE2RCxDQUFGO0lBQzFELElBQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsRUFBN0QsQ0FBNkQsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFM0csSUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzFCLElBQUksQ0FBQyxVQUFVLElBQUksVUFBVSxLQUFLLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtRQUNoRCxJQUFJLE9BQU8sVUFB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

package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" />
-import { AlignableProps } from '../../../objects';
+import { View } from 'react-native';
+import { AlignableProps } from '../../../objects/facets/Alignable';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-/**
- * Columns Item Interface
- */
-export interface CheckboxTilesProps extends AlignableProps, CommonProps {
+import { GridItemSize, GridSize } from '../../../objects/facets/Grid';
+import { Dev } from '../../../objects/facets/Dev';
+export interface CheckboxTilesProps extends AlignableProps, CommonProps, Dev {
     children: React.ReactNode;
+    accessibilityLabelledBy?: string;
+    numberCols?: GridSize | GridItemSize;
 }
+export type CheckboxTilesRef = HTMLDivElement;
+export type CheckboxTilesNativeRef = View;

package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js

@@ -13,6 +13,32 @@ export default {
       "ReactPortal"
     ]
   },
+  "accessibilityLabelledBy": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "numberCols": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "2",
+      "1",
+      "GridSize",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
   "align": {
     "type": "enum",
     "values": [
@@ -20,9 +46,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -32,9 +68,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "id": {
@@ -50,5 +96,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/checkbox/tiles/context/CheckboxTilesContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CheckboxTilesContextProps } from './CheckboxTilesContextProps';
+export declare const CheckboxTilesContext: React.Context<CheckboxTilesContextProps>;