@worknice/whiteboard 0.1.1 → 0.2.0-rc.1

package/dist/controls/SortableItem_module.css

@@ -34,7 +34,7 @@
 .content-D3XA39 {
   padding: var(--size-00);
   align-items: center;
-  display: flex;
+  display: grid;
 }
 
 .actions-Ock7Jn {

package/dist/fields/CheckboxSetField.d.ts

@@ -0,0 +1,21 @@
+import { type Dispatch, type ReactNode } from "react";
+import type { ValidationError } from "../forms/_types";
+type Props<Option> = {
+    autoFocus?: boolean;
+    description?: ReactNode;
+    errors?: Array<ValidationError>;
+    id: string;
+    includeValueInTracking?: boolean;
+    label: ReactNode;
+    labelFont?: "heading" | "subheading" | "label" | "regular-bold" | "regular";
+    onChange: Dispatch<Option>;
+    options: Array<Option>;
+    optionToId: (option: Option) => string;
+    optionToLabel: (option: Option) => ReactNode;
+    optionToDisabled?: (option: Option) => boolean;
+    required?: boolean;
+    values: Array<Option>;
+    direction?: "row" | "column";
+};
+declare const CheckboxSetField: <Option>({ autoFocus, description, errors, id, includeValueInTracking, label, labelFont, onChange, options, optionToId, optionToLabel, optionToDisabled, required, values, direction, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxSetField;

package/dist/fields/CheckboxSetField.js

@@ -0,0 +1,44 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__ from "../forms/ToggleField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__ from "../inputs/CheckboxInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CheckboxSetField_module_js_be0df697__ from "./CheckboxSetField.module.js";
+const CheckboxSetField = ({ autoFocus = false, description, errors, id, includeValueInTracking, label, labelFont = "label", onChange, options, optionToId, optionToLabel, optionToDisabled, required = false, values, direction = "column" })=>{
+    const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
+        description: description,
+        errors: errors,
+        label: label,
+        labelFont: labelFont,
+        required: required,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            style: {
+                flexDirection: direction
+            },
+            className: __WEBPACK_EXTERNAL_MODULE__CheckboxSetField_module_js_be0df697__["default"].container,
+            children: options.map((option, index)=>{
+                const optionId = optionToId(option);
+                const checked = values.some((x)=>optionToId(x) === optionId);
+                const disabled = optionToDisabled ? optionToDisabled(option) : false;
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_ToggleField_js_961683e7__["default"], {
+                    inputId: `${id}-${optionId}`,
+                    label: optionToLabel(option),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__["default"], {
+                        autoFocus: autoFocus && 0 === index,
+                        disabled: disabled,
+                        id: `${id}-${optionId}`,
+                        value: checked,
+                        onChange: ()=>{
+                            onChange(option);
+                            if (trackingContext && id) trackingContext.trackInput(id, includeValueInTracking ? optionToId(option) : void 0);
+                        }
+                    })
+                }, optionId);
+            })
+        })
+    });
+};
+const CheckboxSetField_rslib_entry_ = CheckboxSetField;
+export { CheckboxSetField_rslib_entry_ as default };

package/dist/fields/CheckboxSetField.module.js

@@ -0,0 +1,5 @@
+import "./CheckboxSetField_module.css";
+const CheckboxSetField_module_rslib_entry_ = {
+    container: "container-t4HtJI"
+};
+export { CheckboxSetField_module_rslib_entry_ as default };

package/dist/fields/CheckboxSetField_module.css

@@ -0,0 +1,7 @@
+.container-t4HtJI {
+  column-gap: var(--size-00);
+  row-gap: var(--size-n2);
+  flex-wrap: wrap;
+  display: flex;
+}
+

package/dist/icons/AssignmentCertificateIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const AssignmentCertificateIcon: Icon;
+export default AssignmentCertificateIcon;

package/dist/icons/AssignmentCertificateIcon.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const AssignmentCertificateIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("symbol", {
+        id: id,
+        viewBox: "0 0 16 20",
+        fill: "currentColor",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                d: "M14 16.5H7v1c0 .172-.031.34-.084.5H14c1.103 0 2-.897 2-2V6.828a2 2 0 0 0-.584-1.416l-2.832-2.828A2 2 0 0 0 11.172 2H6c-1.103 0-2 .897-2 2v2.222l.003-.003c.047-.022.125-.063.206-.094A1.77 1.77 0 0 1 5.5 6.109V4c0-.275.225-.5.5-.5h5V6a1 1 0 0 0 1 1h2.5v9c0 .275-.225.5-.5.5M3.412 7.05a.75.75 0 0 0-.878.234l-.328.422a.25.25 0 0 1-.162.094l-.528.072a.75.75 0 0 0-.641.64l-.072.529a.25.25 0 0 1-.094.162l-.425.331a.75.75 0 0 0-.234.878l.2.494a.25.25 0 0 1 0 .19l-.2.492a.75.75 0 0 0 .234.878l.422.328c.053.04.085.1.094.162l.072.528c.047.335.31.597.64.644l.488.066V17.5c0 .184.1.353.266.44a.49.49 0 0 0 .512-.024L4 17.1l1.222.816A.502.502 0 0 0 6 17.5v-3.306l.484-.066a.75.75 0 0 0 .641-.644l.072-.528a.25.25 0 0 1 .094-.162l.421-.328a.75.75 0 0 0 .235-.878l-.197-.494a.25.25 0 0 1 0-.19l.203-.495a.75.75 0 0 0-.234-.878l-.422-.328a.25.25 0 0 1-.094-.162l-.072-.529a.75.75 0 0 0-.64-.64L5.962 7.8a.25.25 0 0 1-.162-.094l-.328-.422a.75.75 0 0 0-.878-.234l-.5.2a.25.25 0 0 1-.19 0l-.495-.203zM2 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0"
+            }),
+            " "
+        ]
+    });
+const AssignmentCertificateIcon_rslib_entry_ = AssignmentCertificateIcon;
+export { AssignmentCertificateIcon_rslib_entry_ as default };

package/dist/icons/AssignmentDocumentIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const AssignmentDocumentIcon: Icon;
+export default AssignmentDocumentIcon;

package/dist/icons/AssignmentDocumentIcon.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const AssignmentDocumentIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("symbol", {
+        id: id,
+        viewBox: "0 0 12 20",
+        fill: "currentColor",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                d: "M2 16.5h8c.275 0 .5-.225.5-.5V7H8a1 1 0 0 1-1-1V3.5H2c-.275 0-.5.225-.5.5v12c0 .275.225.5.5.5M0 4c0-1.103.897-2 2-2h5.172a2 2 0 0 1 1.416.584l2.828 2.828A2 2 0 0 1 12 6.829V16c0 1.103-.897 2-2 2H2c-1.103 0-2-.897-2-2zm2.5 1.5c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m0 2c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m3.5 7c0-.275.225-.5.5-.5H9c.275 0 .5.225.5.5s-.225.5-.5.5H6.5a.5.5 0 0 1-.5-.5M3.5 9h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1"
+            }),
+            " "
+        ]
+    });
+const AssignmentDocumentIcon_rslib_entry_ = AssignmentDocumentIcon;
+export { AssignmentDocumentIcon_rslib_entry_ as default };

package/dist/icons/AssignmentQuestionnaireIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const AssignmentQuestionnaireIcon: Icon;
+export default AssignmentQuestionnaireIcon;

package/dist/icons/AssignmentQuestionnaireIcon.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const AssignmentQuestionnaireIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("symbol", {
+        id: id,
+        viewBox: "0 0 14 20",
+        fill: "currentColor",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                d: "M12 3.5c.275 0 .5.225.5.5v12c0 .275-.225.5-.5.5H2a.5.5 0 0 1-.5-.5V4c0-.275.225-.5.5-.5zM2 2C.897 2 0 2.897 0 4v12c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zm.5 3.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5H3c-.275 0-.5.225-.5.5M3 13c-.275 0-.5.225-.5.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5zm2.5-7c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5A.75.75 0 0 0 5.5 6m1 4c0 .416.334.75.75.75h3.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75m-1 4c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75m-.147-4.397a.5.5 0 0 0 0-.706.5.5 0 0 0-.706 0L3.5 10.044l-.397-.397a.5.5 0 0 0-.706 0 .5.5 0 0 0 0 .706l.75.75a.5.5 0 0 0 .706 0z"
+            }),
+            " "
+        ]
+    });
+const AssignmentQuestionnaireIcon_rslib_entry_ = AssignmentQuestionnaireIcon;
+export { AssignmentQuestionnaireIcon_rslib_entry_ as default };

package/dist/icons/index.d.ts

@@ -3,6 +3,9 @@ export * as Archive from "./ArchiveIcon";
 export * as ArrowLeft from "./ArrowLeftIcon";
 export * as ArrowRight from "./ArrowRightIcon";
 export * as Assign from "./AssignIcon";
+export * as AssignmentCertificate from "./AssignmentCertificateIcon";
+export * as AssignmentDocument from "./AssignmentDocumentIcon";
+export * as AssignmentQuestionnaire from "./AssignmentQuestionnaireIcon";
 export * as BankAccount from "./BankAccountIcon";
 export * as Calendar from "./CalendarIcon";
 export * as Cancel from "./CancelIcon";

package/dist/icons/index.js

@@ -3,6 +3,9 @@ import * as __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ from "./Archive
 import * as __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ from "./ArrowLeftIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ from "./ArrowRightIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ from "./AssignIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ from "./AssignmentCertificateIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ from "./AssignmentDocumentIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ from "./AssignmentQuestionnaireIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ from "./BankAccountIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ from "./CalendarIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ from "./CancelIcon.js";
@@ -65,4 +68,4 @@ import * as __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ from "./TaxIcon.js"
 import * as __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ from "./TenureIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ from "./VisibleIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ from "./WarningIcon.js";
-export { __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };
+export { __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ as AssignmentCertificate, __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ as AssignmentDocument, __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ as AssignmentQuestionnaire, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };

package/dist/inputs/StringInput.d.ts

@@ -4,12 +4,15 @@ type Props = {
     disabled?: boolean;
     id?: string;
     onChange: Dispatch<string | null>;
+    onBlur?: Dispatch<string>;
     placeholder?: string;
     type?: "text" | "multiline" | "email" | "tel" | "url" | "search" | "password";
     value: string | null;
     prefix?: string | null;
     suffix?: string | null;
     inputMode?: "text" | "numeric" | "decimal" | "numeric" | "tel" | "search" | "url" | "email";
+    maxLength?: number;
+    size?: number;
 };
-declare const StringInput: ({ autoFocus, disabled, id, onChange, placeholder, type, value, prefix, suffix, inputMode, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const StringInput: ({ autoFocus, disabled, id, onChange, placeholder, type, value, prefix, suffix, inputMode, maxLength, size, onBlur, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default StringInput;

package/dist/inputs/StringInput.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__StringInput_module_js_fa706166__ from "./StringInput.module.js";
-const StringInput = ({ autoFocus = false, disabled, id, onChange, placeholder, type = "text", value, prefix, suffix, inputMode = "text" })=>{
+const StringInput = ({ autoFocus = false, disabled, id, onChange, placeholder, type = "text", value, prefix, suffix, inputMode = "text", maxLength, size, onBlur })=>{
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (autoFocus && ref.current) ref.current.focus();
@@ -29,6 +29,9 @@ const StringInput = ({ autoFocus = false, disabled, id, onChange, placeholder, t
                 onChange: (event)=>{
                     onChange(event.target.value);
                 },
+                onBlur: (event)=>{
+                    if (onBlur) onBlur(event.target.value);
+                },
                 onKeyDown: (event)=>{
                     if ("Escape" === event.key && ref.current) {
                         event.stopPropagation();
@@ -38,7 +41,9 @@ const StringInput = ({ autoFocus = false, disabled, id, onChange, placeholder, t
                 },
                 placeholder: placeholder,
                 type: type,
-                value: value ?? ""
+                value: value ?? "",
+                maxLength: maxLength,
+                size: size
             }),
             suffix ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: __WEBPACK_EXTERNAL_MODULE__StringInput_module_js_fa706166__["default"].suffix,

package/dist/inputs/StringInput_module.css

@@ -3,6 +3,7 @@
 }
 
 .input-YUEurG {
+  font: var(--font-regular);
   border-radius: var(--size-n3);
   border: var(--size-n5) solid var(--color-grey-t08);
   color: var(--color-grey-s01);

package/dist/inputs/TextInput_module.css

@@ -3,6 +3,7 @@
 }
 
 .input-LiAU3S {
+  font: var(--font-regular);
   border-radius: var(--size-n3);
   border: var(--size-n5) solid var(--color-grey-t08);
   color: var(--color-grey-s01);

package/dist/layouts/FullLayout.d.ts

@@ -1,7 +1,6 @@
 import { type Dispatch, type ReactNode, type SetStateAction } from "react";
 type Props = {
     aside?: ReactNode;
-    asideFirst?: boolean;
     backLink?: ReactNode;
     navigation?: ReactNode;
     brandTypeface: string;
@@ -14,6 +13,10 @@ type Props = {
     summary?: ReactNode;
     toolbarChildren?: ReactNode;
     layoutType?: "full" | "centered" | "narrow";
+    asidePosition?: {
+        desktop: "asideLast" | "asideFirst";
+        mobile: "asideLast" | "asideFirst";
+    };
 };
-declare const FullLayout: ({ aside, asideFirst, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const FullLayout: ({ aside, asidePosition, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default FullLayout;

package/dist/layouts/FullLayout.js

@@ -7,7 +7,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__hud_SidebarIcon_js_fabd050a__ from "../hud/SidebarIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hud_ToolbarButton_js_e9a8b3bc__ from "../hud/ToolbarButton.js";
 import * as __WEBPACK_EXTERNAL_MODULE__BaseLayout_js_b37d1475__ from "./BaseLayout.js";
-const FullLayout = ({ aside, asideFirst = false, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType })=>{
+const FullLayout = ({ aside, asidePosition = {
+    desktop: "asideLast",
+    mobile: "asideFirst"
+}, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType })=>{
     const { router } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (!router) return;
@@ -118,7 +121,7 @@ const FullLayout = ({ aside, asideFirst = false, backLink, navigation, brandType
                         ]
                     })
                 }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].content, asideFirst ? __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideFirst : __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideLast),
+                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].content, "asideFirst" === asidePosition.desktop ? __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideFirstDesktop : __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideLastDesktop, "asideFirst" === asidePosition.mobile ? __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideFirstMobile : __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideLastMobile),
                     children: [
                         header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                             className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].header,

package/dist/layouts/FullLayout.module.js

@@ -12,13 +12,14 @@ const FullLayout_module_rslib_entry_ = {
     header: "header-BPDFUI",
     summary: "summary-yyotr2",
     navigation: "navigation-gPurN4",
-    contentAsideLast: "contentAsideLast-_3qQ2E",
+    contentAsideLastDesktop: "contentAsideLastDesktop-UbaA5j",
     aside: "aside-RCJO2s",
+    contentAsideLastMobile: "contentAsideLastMobile-nY6jcb",
     main: "main-bb8i9x",
     full: "full-BIhVlq",
     centerLayoutContent: "centerLayoutContent-OXDuxB",
     narrowLayoutContent: "narrowLayoutContent-v6PtTH",
     content: "content-kaxfp0",
-    contentAsideFirst: "contentAsideFirst-g7fF8J"
+    contentAsideFirstDesktop: "contentAsideFirstDesktop-bKnZtC"
 };
 export { FullLayout_module_rslib_entry_ as default };

package/dist/layouts/FullLayout_module.css

@@ -166,7 +166,13 @@
 }
 
 @media (min-width: 1024px) {
-  .contentAsideLast-_3qQ2E .aside-RCJO2s {
+  .contentAsideLastDesktop-UbaA5j .aside-RCJO2s {
+    order: 1;
+  }
+}
+
+@media (max-width: 1024px) {
+  .contentAsideLastMobile-nY6jcb .aside-RCJO2s {
     order: 1;
   }
 }
@@ -238,11 +244,11 @@
     row-gap: var(--size-p3);
   }
 
-  .contentAsideFirst-g7fF8J {
+  .contentAsideFirstDesktop-bKnZtC {
     grid-template-columns: calc(var(--size-p6) * 5) 1fr;
   }
 
-  .contentAsideLast-_3qQ2E {
+  .contentAsideLastDesktop-UbaA5j {
     grid-template-columns: 1fr calc(var(--size-p6) * 5);
   }
 }

package/dist/presentation/Icon.d.ts

@@ -4,6 +4,7 @@ declare const sizes: {
     small: number;
     default: number;
     large: number;
+    xlarge: number;
 };
 type Props = {
     animate?: boolean;

package/dist/presentation/Icon.js

@@ -4,7 +4,8 @@ const sizes = {
     xsmall: 12,
     small: 16,
     default: 20,
-    large: 24
+    large: 24,
+    xlarge: 48
 };
 const Icon = ({ animate, symbol, size = "default", tone, className })=>{
     const Symbol = __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__[symbol];

package/dist/validators/isValidBirthday.d.ts

@@ -0,0 +1,8 @@
+declare const isValidBirthday: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isValidBirthday;

package/dist/validators/isValidBirthday.js

@@ -0,0 +1,29 @@
+import * as __WEBPACK_EXTERNAL_MODULE_temporal_polyfill_11c1db1c__ from "temporal-polyfill";
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isValidBirthday = (field, message = "Invalid birthday.")=>(data)=>{
+        const value = data[field];
+        if (null == value) return null;
+        if ("object" != typeof value || !("month" in value && "day" in value)) return {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+        try {
+            __WEBPACK_EXTERNAL_MODULE_temporal_polyfill_11c1db1c__.Temporal.PlainDate.from({
+                year: 2000,
+                month: Number(value.month),
+                day: Number(value.day)
+            }, {
+                overflow: "reject"
+            });
+        } catch  {
+            return {
+                id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+                field,
+                message
+            };
+        }
+        return null;
+    };
+const isValidBirthday_rslib_entry_ = isValidBirthday;
+export { isValidBirthday_rslib_entry_ as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.1.1",
+  "version": "0.2.0-rc.1",
   "license": "MIT",
   "private": false,
   "files": [
@@ -37,7 +37,7 @@
     "js-search": "^2.0.0",
     "utf8": "^3.0.0",
     "zod": "^3.22.3",
-    "@worknice/utils": "^0.1.1"
+    "@worknice/utils": "^0.0.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^1.1.10",