react-luminus-components 1.0.0

package/dist/models/index.d.ts

@@ -0,0 +1,23 @@
+export type { default as HookFormCheckInputProps } from './prop-types/HookFormCheckInputProps';
+export type { default as HookFormEmployeePickerProps } from './prop-types/HookFormEmployeePickerProps';
+export type { default as HookFormRadioInputProps } from './prop-types/HookFormRadioInputProps';
+export type { default as HookFormSelectInputProps } from './prop-types/HookFormSelectInputProps';
+export type { default as HookFormTextAreaInputProps } from './prop-types/HookFormTextAreaInputProps';
+export type { default as HookFormTextInputProps } from './prop-types/HookFormTextInputProps';
+export type { default as HookFormInputProps } from './prop-types/HookFormInputProps';
+export type { default as ContainerProps } from './prop-types/ContainerProps';
+export type { default as NameIdStringModel } from './types/NameIdStringModel';
+export type { default as NameIdIntModel } from './types/NameIdIntModel';
+export type { default as EmployeeIndexModel } from './types/EmployeeIndexModel';
+export type { default as DashboardConfig } from './types/DashboardConfig';
+export type { default as DashboardWidget } from './types/DashboardWidget';
+export type { default as DashboardWidgetConfig } from './types/DashboardWidgetConfig';
+export type { default as FormSelectOption } from './types/FormSelectOption';
+export type { default as MenuItemType } from './types/MenuItemType';
+export type { default as ErrorField } from './types/ErrorField';
+export type { default as ApiErrorResult } from './types/ApiErrorResult';
+export type { default as AxiosTexts } from './texts/AxiosTexts';
+export type { default as HomeDashboardTexts } from './texts/HomeDashboardTexts';
+export type { default as EmployeeSearchModalTexts } from './texts/EmployeeSearchModalTexts';
+export type { default as ConfirmTexts } from './texts/ConfirmTexts';
+export type { default as FormValidationTexts } from './texts/FormValidationTexts';

package/dist/models/prop-types/ContainerProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type ContainerProps = {
+    children?: ReactNode;
+    sideContent?: React.ReactNode;
+};
+export default ContainerProps;

package/dist/models/prop-types/HookFormCheckInputProps.d.ts

@@ -0,0 +1,7 @@
+type HookFormCheckInputProps = {
+    formField: string;
+    label: string;
+    resetsFields?: string[];
+    type?: 'switch' | 'checkbox';
+};
+export default HookFormCheckInputProps;

package/dist/models/prop-types/HookFormEmployeePickerProps.d.ts

@@ -0,0 +1,9 @@
+import NameIdIntModel from '../types/NameIdIntModel';
+type HookFormEmployeePickerProps = {
+    formField: string;
+    label: string;
+    defaultSelection: NameIdIntModel | null;
+    size?: 'sm' | 'lg';
+    resetsFields?: string[];
+};
+export default HookFormEmployeePickerProps;

package/dist/models/prop-types/HookFormInputProps.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues, FormState, UseFormGetValues, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+type HookFormInputProps = {
+    register: UseFormRegister<FieldValues>;
+    formState: FormState<FieldValues>;
+    getValues: UseFormGetValues<FieldValues>;
+    setValue: UseFormSetValue<FieldValues>;
+    watch: UseFormWatch<FieldValues>;
+};
+export default HookFormInputProps;

package/dist/models/prop-types/HookFormRadioInputProps.d.ts

@@ -0,0 +1,7 @@
+import NameIdStringModel from '../types/NameIdStringModel';
+type HookFormRadioInputProps = {
+    formField: string;
+    options: NameIdStringModel[];
+    resetsFields?: string[];
+};
+export default HookFormRadioInputProps;

package/dist/models/prop-types/HookFormSelectInputProps.d.ts

@@ -0,0 +1,12 @@
+import FormSelectOption from '../types/FormSelectOption';
+type HookFormSelectInputProps = {
+    formField: string;
+    label: string;
+    options: FormSelectOption[];
+    isNumber?: boolean;
+    size?: 'sm' | 'lg';
+    resetsFields?: string[];
+    showClearIcon?: boolean;
+    clearValue?: string | number;
+};
+export default HookFormSelectInputProps;

package/dist/models/prop-types/HookFormTextAreaInputProps.d.ts

@@ -0,0 +1,9 @@
+type HookFormTextAreaInputProps = {
+    formField: string;
+    label: string;
+    size?: 'sm' | 'lg';
+    resetsFields?: string[];
+    showClearIcon?: boolean;
+    clearValue?: string | number;
+};
+export default HookFormTextAreaInputProps;

package/dist/models/prop-types/HookFormTextInputProps.d.ts

@@ -0,0 +1,11 @@
+type HookFormTextInputProps = {
+    formField: string;
+    type: 'text' | 'number' | 'password' | 'date' | 'datetime-local';
+    label: string;
+    placeholder?: string;
+    size?: 'sm' | 'lg';
+    resetsFields?: string[];
+    showClearIcon?: boolean;
+    clearValue?: string | number;
+};
+export default HookFormTextInputProps;

package/dist/models/texts/AxiosTexts.d.ts

@@ -0,0 +1,6 @@
+type AxiosTexts = {
+    validationError: string;
+    networkError: string;
+    unexpectedError: string;
+};
+export default AxiosTexts;

package/dist/models/texts/ConfirmTexts.d.ts

@@ -0,0 +1,5 @@
+type ConfirmTexts = {
+    yes: string;
+    no: string;
+};
+export default ConfirmTexts;

package/dist/models/texts/EmployeeSearchModalTexts.d.ts

@@ -0,0 +1,6 @@
+type EmployeeSearchModalTexts = {
+    modalHeader: string;
+    searchPlaceholder: string;
+    noResultsMessage: string;
+};
+export default EmployeeSearchModalTexts;

package/dist/models/texts/FormValidationTexts.d.ts

@@ -0,0 +1,5 @@
+type FormValidationTexts = {
+    required: string;
+    invalidDate: string;
+};
+export default FormValidationTexts;

package/dist/models/texts/HomeDashboardTexts.d.ts

@@ -0,0 +1,5 @@
+type HomeDashboardTexts = {
+    dashboardEdit: string;
+    dashboardEditDone: string;
+};
+export default HomeDashboardTexts;

package/dist/models/types/ApiErrorResult.d.ts

@@ -0,0 +1,7 @@
+import ErrorField from './ErrorField';
+type ApiErrorResult = {
+    message: string;
+    statusCode: number;
+    errorFields: ErrorField[];
+};
+export default ApiErrorResult;

package/dist/models/types/DashboardConfig.d.ts

@@ -0,0 +1,5 @@
+import DashboardWidgetConfig from './DashboardWidgetConfig';
+type DashboardConfig = {
+    widgets: DashboardWidgetConfig[];
+};
+export default DashboardConfig;

package/dist/models/types/DashboardWidget.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type DashboardWidget = {
+    id: number;
+    name: string;
+    render: ReactNode;
+};
+export default DashboardWidget;

package/dist/models/types/DashboardWidgetConfig.d.ts

@@ -0,0 +1,5 @@
+type DashboardWidgetConfig = {
+    widgetId: number;
+    fullWidth: boolean;
+};
+export default DashboardWidgetConfig;

package/dist/models/types/EmployeeIndexModel.d.ts

@@ -0,0 +1,14 @@
+type EmployeeIndexModel = {
+    id: number;
+    firstName: string | null;
+    lastName: string | null;
+    fullName: string | null;
+    kid: string | null;
+    email: string | null;
+    phoneNumber: string | null;
+    profession: string | null;
+    department: string | null;
+    orgUnitId: string | null;
+    orgUnitName: string | null;
+};
+export default EmployeeIndexModel;

package/dist/models/types/ErrorField.d.ts

@@ -0,0 +1,5 @@
+type ErrorField = {
+    name: string;
+    errors: string;
+};
+export default ErrorField;

package/dist/models/types/FormSelectOption.d.ts

@@ -0,0 +1,5 @@
+type FormSelectOption = {
+    id: number | string | null;
+    name: string | null;
+};
+export default FormSelectOption;

package/dist/models/types/HookFormInputProps.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues, FormState, UseFormGetValues, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+type HookFormInputProps = {
+    register: UseFormRegister<FieldValues>;
+    formState: FormState<FieldValues>;
+    getValues: UseFormGetValues<FieldValues>;
+    setValue: UseFormSetValue<FieldValues>;
+    watch: UseFormWatch<FieldValues>;
+};
+export default HookFormInputProps;

package/dist/models/types/MenuItemType.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type MenuItemType = {
+    title: string;
+    tooltip?: string;
+    linkTo?: string;
+    icon?: React.ReactNode;
+    children?: MenuItemType[];
+};
+export default MenuItemType;

package/dist/models/types/NameIdIntModel.d.ts

@@ -0,0 +1,5 @@
+type NameIdIntModel = {
+    id: number;
+    name: string | null;
+};
+export default NameIdIntModel;

package/dist/models/types/NameIdStringModel.d.ts

@@ -0,0 +1,5 @@
+type NameIdStringModel = {
+    id: string;
+    name: string | null;
+};
+export default NameIdStringModel;

package/dist/models/types/UserModel.d.ts

@@ -0,0 +1,13 @@
+import NameIdStringModel from './NameIdStringModel';
+type UserModel = {
+    personalNumber: number;
+    kid: string | null;
+    name: string | null;
+    photoId: number | null;
+    permissions: UserPermissionModel;
+    orgUnit: NameIdStringModel;
+};
+interface UserPermissionModel {
+    carsAccess: boolean;
+}
+export default UserModel;

package/dist/style.css

@@ -0,0 +1 @@
+._loading_14qfh_1{position:fixed;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;gap:8px}._loading_14qfh_1 ._spinner-grow_14qfh_10{width:40px;height:40px}._loading_14qfh_1 ._spinner-grow_14qfh_10._second_14qfh_14{animation-delay:.1s}._loading_14qfh_1 ._spinner-grow_14qfh_10._third_14qfh_17{animation-delay:.2s}._h1_8gr7h_1{font-size:32px;font-weight:400;margin:0;padding:0}._h3_8gr7h_8{font-size:24px;font-weight:400;margin:0;padding:0}._h6_8gr7h_15{font-size:20px;font-weight:400;margin:0;padding:0}._subtitle_8gr7h_22,._body_8gr7h_29{font-size:16px;font-weight:400;margin:0;padding:0}._body2_8gr7h_36{font-size:14px;font-weight:400;margin:0;padding:0}._caption_8gr7h_43{font-size:12px;font-weight:400;margin:0;padding:0}._widget_1sdw8_1{height:320px;display:flex;justify-content:center;align-items:center}._dashboard_1ikl9_1 ._widgets-grid_1ikl9_1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:16px}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7{position:relative;height:320px;width:100%}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7._full-width_1ikl9_12{grid-column:span 2}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7._widget-edit_1ikl9_15{border:2px dashed gray}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7 ._remove-icon_1ikl9_18{z-index:2;position:absolute;right:-16px;top:-16px;background-color:#fff}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7 ._full-width-icon_1ikl9_25{z-index:2;position:absolute;right:-16px;top:calc(50% - 15px);background-color:#fff}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7 ._full-width-icon_1ikl9_25 svg{rotate:90deg}._dashboard_1ikl9_1 ._widget-wrapper_1ikl9_7 ._widget-edit-overlay_1ikl9_35{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#80808080;opacity:.6}._side-menu-item_8j1cd_1{width:100%}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4{width:100%;display:flex;align-items:center;justify-content:center;padding:8px 16px}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4._child_8j1cd_11{padding:4px 8px}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4._child_8j1cd_11 ._text_8j1cd_14{font-size:14px}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4 ._icon_8j1cd_17{display:flex;justify-content:center;align-items:center;font-size:22px}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4 ._collapse-icon_8j1cd_23{width:100%;display:flex;justify-content:end;align-items:center;font-size:20px}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4 ._collapse-icon_8j1cd_23 svg{transition:.2s ease}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4 ._collapse-icon_8j1cd_23._collapsed_8j1cd_33 svg{rotate:180deg}._side-menu-item_8j1cd_1 ._nav-button_8j1cd_4 ._text_8j1cd_14{font-size:16px;margin-left:32px}._side-menu-item_8j1cd_1._expanded_8j1cd_40 ._nav-button_8j1cd_4,._side-menu-item_8j1cd_1._expanded_8j1cd_40 ._nav-button_8j1cd_4 ._icon_8j1cd_17{justify-content:flex-start}._side-menu_1gibf_1{position:fixed;top:0;left:0;height:100%;background-color:#fff;transition:.3s ease;overflow-x:hidden;scrollbar-width:none}._side-menu_1gibf_1::state(webkit-scrollbar){display:none}._side-menu_1gibf_1 ._sidebar-header_1gibf_14{display:flex;justify-content:center;align-items:center}._side-menu_1gibf_1 ._side-menu-content_1gibf_19{margin-top:8px;padding:0}._side-menu_1gibf_1._expand_1gibf_23 ._sidebar-header_1gibf_14{padding:0 12px;justify-content:end}._top-bar_84c1d_1{padding:0 24px;display:flex;align-items:center;grid-gap:24px;position:sticky;top:0;left:0}._top-bar_84c1d_1 ._top-bar-brand_84c1d_10{text-decoration:none;font-size:20px}._side-content-bar_17kwd_1{position:fixed;top:0;right:0;height:100%;background-color:#fff;overflow-x:hidden;scrollbar-width:none}._side-content-bar_17kwd_1::state(webkit-scrollbar){display:none}._full-screen-container_1c9bu_1{width:100%;display:flex;flex-direction:column}.luminus-input-remove-icon{position:absolute;top:0;right:16px;height:100%;display:flex;align-items:center;justify-content:center}.luminus-input-remove-icon.inset{right:40px}.luminus-input-remove-icon .icon-button{padding:0;margin:0;font-size:16px;height:20px;width:20px;display:flex;align-items:center}._avatar-icon_1axl6_1{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:100%;color:#fff;font-size:16px}._modal_18hh3_1 ._modal-content_18hh3_1{height:100%;max-height:90vh}._modal_18hh3_1 ._modal-body_18hh3_5{height:100%;display:flex;flex-direction:column;overflow:hidden}._form-submit_1wjhr_1{position:fixed;width:160px;bottom:40px;left:calc(50% - 80px)}

package/dist/textUtils-9KFqOvA8.mjs

@@ -0,0 +1,27 @@
+const n = (r) => r == null ? !0 : !(typeof r == "object" || typeof r == "function"), i = (r) => {
+  n(r) || Object.keys(r).forEach((s) => {
+    const t = r[s];
+    if (n(t))
+      return;
+    const e = Object.keys(t);
+    e.includes("id") && e.length === 1 && t.id === null ? r[s] = null : i(t);
+  });
+}, a = (r) => {
+  var t;
+  const s = (t = r.response) == null ? void 0 : t.data;
+  return s && s.errorFields && s.errorFields.length > 0 ? s.errorFields.map((e) => ({
+    name: e.name.split(".").map((o) => `${o.charAt(0).toLowerCase()}${o.slice(1)}`).join("."),
+    errors: e.errors
+  })) : [];
+}, l = (r, s) => {
+  a(s).forEach((e) => {
+    r.setError(e.name, { message: e.errors, type: "server" }, { shouldFocus: !0 }), n(r.getValues(e.name)) || r.setError(`${e.name}.id`, { message: e.errors, type: "server" }, { shouldFocus: !0 });
+  });
+}, c = (r) => r.length < 300 ? r : r.substring(0, 300) + "...";
+export {
+  a as e,
+  i as f,
+  l as h,
+  n as i,
+  c as t
+};

package/dist/textUtils-C0nqWp3S.js

@@ -0,0 +1 @@
+"use strict";const o=r=>r==null?!0:!(typeof r=="object"||typeof r=="function"),i=r=>{o(r)||Object.keys(r).forEach(s=>{const t=r[s];if(o(t))return;const e=Object.keys(t);e.includes("id")&&e.length===1&&t.id===null?r[s]=null:i(t)})},u=r=>{var t;const s=(t=r.response)==null?void 0:t.data;return s&&s.errorFields&&s.errorFields.length>0?s.errorFields.map(e=>({name:e.name.split(".").map(n=>`${n.charAt(0).toLowerCase()}${n.slice(1)}`).join("."),errors:e.errors})):[]},a=(r,s)=>{u(s).forEach(e=>{r.setError(e.name,{message:e.errors,type:"server"},{shouldFocus:!0}),o(r.getValues(e.name))||r.setError(`${e.name}.id`,{message:e.errors,type:"server"},{shouldFocus:!0})})},c=r=>r.length<300?r:r.substring(0,300)+"...";exports.extractErrorsFromResponse=u;exports.fixNameIdNulls=i;exports.hookFormSetServerErrors=a;exports.isPrimitive=o;exports.truncateText=c;