@loftyshaky/shared-app 2.1.0 → 2.7.0

package/{ts → src/ts}/inputs/color/components/fill_shadow.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const FillShadow: React.FunctionComponent<p_color.FillShadow>;

package/src/ts/inputs/color/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './body';
+export * from './color_picker';
+export * from './fill_shadow';
+export * from './visualization';

package/src/ts/inputs/color/components/prop_types/color_picker.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+import { i_color, o_color } from '../../../internal';
+export interface ColorPicker {
+    input: o_color.Color;
+    i: i_color.I;
+    visualization_ref: RefObject<HTMLButtonElement | null>;
+}

package/src/ts/inputs/color/components/prop_types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './body';
+export * from './color_picker';
+export * from './fill_shadow';
+export * from './visualization';

package/{ts → src/ts}/inputs/color/components/prop_types/visualization.d.ts

@@ -1,4 +1,4 @@
-import { o_color, i_color } from '../../../internal';
+import { i_color, o_color } from '../../../internal';
 export interface Visualization {
     input: o_color.Color;
     i: i_color.I;

package/{ts → src/ts}/inputs/color/components/visualization.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const Visualization: React.FunctionComponent<p_color.Visualization>;

package/{ts → src/ts}/inputs/color/data/color.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
-import { t, i_color as i_color_shared_clean } from '../../../shared_clean/internal';
-import { o_color, i_color } from '../../internal';
+import { i_color, o_color } from '../../internal';
+import { i_color as i_color_shared_clean, t } from '../../../shared_clean/internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;

package/src/ts/inputs/color/data/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color';
+export * from './visibility';

package/{ts → src/ts}/inputs/color/data/visibility.d.ts

@@ -1,5 +1,5 @@
-import { MouseEvent, FocusEvent, KeyboardEvent } from 'react';
-import { o_color, i_color } from '../../internal';
+import { FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import { i_color, o_color } from '../../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;

package/{ts → src/ts}/inputs/color/interfaces/color_picker_state.d.ts

@@ -1,5 +1,5 @@
 import { i_color } from '../../internal';
-type Keys = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 29;
+type Keys = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29;
 export interface ColorPickerState extends Record<Keys, i_color.ColorPickerStateOne> {
     main: i_color.ColorPickerStateOne;
 }

package/src/ts/inputs/color/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color_picker_state_one';
+export * from './color_picker_state';
+export * from './i';

package/{ts → src/ts}/inputs/color/obj/color.d.ts

@@ -1,7 +1,7 @@
+import { i_color, o_inputs } from '../../internal';
 import { t } from '../../../shared_clean/internal';
-import { o_inputs, i_color } from '../../internal';
 export declare class Color extends o_inputs.InputBase {
-    type?: "color" | undefined;
+    type?: "color";
     include_visualization?: boolean;
     include_palette_label?: boolean;
     palette_is_visible?: boolean;
@@ -18,21 +18,21 @@ export declare class Color extends o_inputs.InputBase {
     restore_default_palette_callback: t.CallbackVariadicVoid;
     hide_color_help_callback: t.CallbackVoid;
     constructor(obj: Color);
-    is_palette_color?: (({ i }: {
+    is_palette_color?: ({ i }: {
         i: i_color.I;
-    }) => boolean) | undefined;
-    visualization_cls?: (({ i }: {
+    }) => boolean;
+    visualization_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    palette_visualization_cls?: (({ i }: {
+    }) => string;
+    palette_visualization_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    inset_border_cls?: (({ i }: {
+    }) => string;
+    inset_border_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    el_to_show_type?: (({ i }: {
+    }) => string;
+    el_to_show_type?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
+    }) => string;
     color_picker_is_visible?: ((this: Color, { i }: {
         i: i_color.I;
     }) => boolean) | undefined;

package/src/ts/inputs/color/obj/index.d.ts

@@ -0,0 +1 @@
+export * from './color';

package/{ts → src/ts}/inputs/color/scripts/color_picker.d.ts

@@ -1,5 +1,5 @@
+import { i_color, o_color } from '../../internal';
 import { t } from '../../../shared_clean/internal';
-import { o_color, i_color } from '../../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
@@ -10,7 +10,7 @@ declare class Class {
         i: i_color.I;
         color_picker: HTMLSpanElement;
         visualization: HTMLButtonElement;
-    }) => t.AnyRecord;
+    }) => Promise<t.AnyRecord>;
     update: ({ pickr, color_picker, input, i, }: {
         pickr: t.AnyRecord;
         color_picker: HTMLSpanElement;

package/src/ts/inputs/color/scripts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color_picker';
+export * from './position';

package/{ts → src/ts}/inputs/components/btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Btn: React.FunctionComponent<p_inputs.Btn>;

package/{ts → src/ts}/inputs/components/checkbox.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Checkbox: React.FunctionComponent<p_inputs.Checkbox>;

package/{ts → src/ts}/inputs/components/file.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const File: React.FunctionComponent<p_inputs.File>;

package/{ts → src/ts}/inputs/components/form.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Form: React.FunctionComponent<p_inputs.Form>;

package/{ts → src/ts}/inputs/components/group.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Group: React.FunctionComponent<p_inputs.Group>;

package/{ts → src/ts}/inputs/components/help.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Help: React.FunctionComponent<p_inputs.Help>;

package/{ts → src/ts}/inputs/components/help_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const HelpBtn: React.FunctionComponent<p_inputs.HelpBtn>;

package/{ts → src/ts}/inputs/components/hr.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Hr: React.FunctionComponent<p_inputs.Hr>;

package/{ts → src/ts}/inputs/components/icon_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const IconBtn: React.FunctionComponent<p_inputs.IconBtn>;

package/src/ts/inputs/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from './btn';
+export * from './checkbox';
+export * from './file';
+export * from './help_btn';
+export * from './help';
+export * from './hr';
+export * from './icon_btn';
+export * from './input_error';
+export * from './input_item';
+export * from './label_in_input_item';
+export * from './label';
+export * from './link_btn';
+export * from './link_icon_btn';
+export * from './link';
+export * from './range';
+export * from './section_btn';
+export * from './section_content';
+export * from './section';
+export * from './select';
+export * from './form';
+export * from './group';
+export * from './side_btn';
+export * from './side_btns';
+export * from './text_btn';
+export * from './text';
+export * from './textarea';
+export * from './upload_box';

package/{ts → src/ts}/inputs/components/input_error.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const InputError: React.FunctionComponent<p_inputs.InputError>;

package/{ts → src/ts}/inputs/components/input_item.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const InputItem: React.FunctionComponent<p_inputs.InputItem>;

package/{ts → src/ts}/inputs/components/label.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Label: React.FunctionComponent<p_inputs.Label>;

package/{ts → src/ts}/inputs/components/label_in_input_item.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LabelInInputItem: React.FunctionComponent<p_inputs.LabelInInputItem>;

package/{ts → src/ts}/inputs/components/link.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Link: React.FunctionComponent<p_inputs.Link>;

package/{ts → src/ts}/inputs/components/link_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LinkBtn: React.FunctionComponent<p_inputs.LinkBtn>;

package/{ts → src/ts}/inputs/components/link_icon_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LinkIconBtn: React.FunctionComponent<p_inputs.LinkIconBtn>;

package/{ts → src/ts}/inputs/components/prop_types/checkbox.d.ts

@@ -1,5 +1,6 @@
 import { o_inputs } from '../../internal';
 export interface Checkbox {
     input: o_inputs.Checkbox;
+    id?: string;
     calculate_width: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/form.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Form {
     input: o_inputs.Form;
     inputs?: i_inputs.Inputs;

package/{ts → src/ts}/inputs/components/prop_types/group.d.ts

@@ -1,5 +1,6 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Group {
     input: o_inputs.Group;
     inputs?: i_inputs.Inputs;
+    calculate_width: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/help.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Help {
     section_or_input: o_inputs.Section | i_inputs.Input;
 }

package/{ts → src/ts}/inputs/components/prop_types/help_btn.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface HelpBtn {
     section_or_input: o_inputs.Section | i_inputs.Input;
 }

package/{ts → src/ts}/inputs/components/prop_types/icon_btn.d.ts

@@ -1,4 +1,5 @@
 import { o_inputs } from '../../internal';
 export interface IconBtn {
     input: o_inputs.IconBtn;
+    include_label?: boolean;
 }

package/src/ts/inputs/components/prop_types/index.d.ts

@@ -0,0 +1,27 @@
+export * from './btn';
+export * from './checkbox';
+export * from './file';
+export * from './help_btn';
+export * from './help';
+export * from './hr';
+export * from './icon_btn';
+export * from './input_error';
+export * from './input_item';
+export * from './label_in_input_item';
+export * from './label';
+export * from './link_btn';
+export * from './link_icon_btn';
+export * from './link';
+export * from './range';
+export * from './section_btn';
+export * from './section_content';
+export * from './section';
+export * from './select';
+export * from './form';
+export * from './group';
+export * from './side_btn';
+export * from './side_btns';
+export * from './text_btn';
+export * from './text';
+export * from './textarea';
+export * from './upload_box';

package/{ts → src/ts}/inputs/components/prop_types/input_item.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { i_inputs } from '../../internal';
 export interface InputItem {
     input: i_inputs.Input;

package/{ts → src/ts}/inputs/components/prop_types/range.d.ts

@@ -1,6 +1,7 @@
 import { o_inputs } from '../../internal';
 export interface Range {
     input: o_inputs.Range;
+    id?: string;
     calculate_width: boolean;
     include_label: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/section_content.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface SectionContent {
     section?: o_inputs.Section;
     inputs: i_inputs.Inputs | i_inputs.Links;

package/{ts → src/ts}/inputs/components/prop_types/select.d.ts

@@ -1,6 +1,7 @@
 import { o_inputs } from '../../internal';
 export interface Select {
     input: o_inputs.Select;
+    id?: string;
     calculate_width: boolean;
     include_label: boolean;
 }

package/src/ts/inputs/components/prop_types/side_btn.d.ts

@@ -0,0 +1,9 @@
+import { i_inputs } from '../../internal';
+import { t } from '../../../shared_clean/internal';
+export interface SideBtn {
+    name: string;
+    alt_title: string | undefined;
+    Svg: string;
+    input: i_inputs.Input;
+    on_click?: t.CallbackVoid;
+}

package/src/ts/inputs/components/prop_types/side_btns.d.ts

@@ -0,0 +1,4 @@
+import { i_inputs } from '../../internal';
+export interface SideBtns {
+    input: i_inputs.Input;
+}

package/{ts → src/ts}/inputs/components/prop_types/text.d.ts

@@ -1,6 +1,8 @@
 import { o_inputs } from '../../internal';
 export interface Text {
     input: o_inputs.Text;
+    id?: string;
     calculate_width: boolean;
     include_label: boolean;
+    parent_input?: o_inputs.Group;
 }

package/{ts → src/ts}/inputs/components/prop_types/textarea.d.ts

@@ -1,6 +1,7 @@
 import { o_inputs } from '../../internal';
 export interface Textarea {
     input: o_inputs.Textarea;
+    id?: string;
     calculate_width: boolean;
     include_label: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/upload_box.d.ts

@@ -1,5 +1,6 @@
 import { o_inputs } from '../../internal';
 export interface UploadBox {
     input: o_inputs.UploadBox;
+    id?: string;
     calculate_width: boolean;
 }

package/{ts → src/ts}/inputs/components/range.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Range: React.FunctionComponent<p_inputs.Range>;

package/{ts → src/ts}/inputs/components/section.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Section: React.FunctionComponent<p_inputs.Section>;

package/{ts → src/ts}/inputs/components/section_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const SectionBtn: React.FunctionComponent<p_inputs.SectionBtn>;

package/{ts → src/ts}/inputs/components/section_content.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const SectionContent: React.FunctionComponent<p_inputs.SectionContent>;

package/{ts → src/ts}/inputs/components/select.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Select: React.FunctionComponent<p_inputs.Select>;

package/src/ts/inputs/components/side_btn.d.ts

@@ -0,0 +1,2 @@
+import { p_inputs } from '../internal';
+export declare const SideBtn: React.FunctionComponent<p_inputs.SideBtn>;

package/src/ts/inputs/components/side_btns.d.ts

@@ -0,0 +1,2 @@
+import { p_inputs } from '../internal';
+export declare const SideBtns: React.FunctionComponent<p_inputs.SideBtns>;

package/{ts → src/ts}/inputs/components/text.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Text: React.FunctionComponent<p_inputs.Text>;

package/{ts → src/ts}/inputs/components/text_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const TextBtn: React.FunctionComponent<p_inputs.TextBtn>;

package/{ts → src/ts}/inputs/components/textarea.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Textarea: React.FunctionComponent<p_inputs.Textarea>;

package/{ts → src/ts}/inputs/components/upload_box.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const UploadBox: React.FunctionComponent<p_inputs.UploadBox>;

package/{ts → src/ts}/inputs/data/help.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../internal';
+import { i_inputs, o_inputs } from '../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
@@ -12,6 +12,9 @@ declare class Class {
     msg?: (({ section_or_input, }: {
         section_or_input: o_inputs.Section | i_inputs.Input;
     }) => string | undefined) | undefined;
+    help_msg: ({ msg }: {
+        msg: string | undefined;
+    }) => string;
 }
 export declare const Help: Class;
 export {};

package/src/ts/inputs/data/index.d.ts

@@ -0,0 +1,12 @@
+export * from './help';
+export * from './input_error';
+export * from './input_width';
+export * from './label_in_input_item';
+export * from './nested_input';
+export * from './section_btn';
+export * from './side_btn';
+export * from './tab_index';
+export * from './text_title';
+export * from './text';
+export * from './upload_box';
+export * from './val';

package/{ts → src/ts}/inputs/data/input_width.d.ts

@@ -4,7 +4,7 @@ declare class Class {
     static get_instance(): Class;
     private constructor();
     width: number;
-    private min_width;
+    min_width: number;
     private max_width;
     max_width_ob: Record<string, string | undefined>;
     private old_width;
@@ -19,7 +19,9 @@ declare class Class {
     set_min_and_max_width: ({ min_width }?: {
         min_width?: number;
     }) => void;
-    calculate: () => Promise<void>;
+    calculate: ({ set_all_inputs_to_msg_input_min_width_css, }?: {
+        set_all_inputs_to_msg_input_min_width_css?: boolean;
+    }) => Promise<void>;
     resize_textarea_with_resize_handle: ({ input, textarea, }: {
         input: i_inputs.Input;
         textarea: HTMLTextAreaElement | null;

package/src/ts/inputs/data/label_in_input_item.d.ts

@@ -0,0 +1,26 @@
+import { i_inputs } from '../internal';
+import { t } from '../../shared_clean/internal';
+declare class Class {
+    private static instance;
+    static get_instance(): Class;
+    constructor();
+    msg?: (({ input }: {
+        input: i_inputs.Input;
+    }) => string | undefined) | undefined;
+    label_text_computed?: (({ input, }: {
+        input: i_inputs.Input;
+    }) => string | undefined) | undefined;
+    toggle_edit_label_state?: ({ input, callback, }: {
+        input: i_inputs.Input;
+        callback: t.CallbackVariadicVoid;
+    }) => void;
+    id: ({ input, id, }: {
+        input: i_inputs.InputAndLink;
+        id?: string;
+    }) => string | undefined;
+    content_is_visible_margin_cls: ({ input }: {
+        input: i_inputs.Input;
+    }) => string;
+}
+export declare const LabelInInputItem: Class;
+export {};

package/{ts/inputs/data/label_in_input_item.d.ts → src/ts/inputs/data/section_btn.d.ts}

@@ -1,11 +1,11 @@
-import { i_inputs } from '../internal';
+import { o_inputs } from '../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
     private constructor();
-    msg?: (({ input }: {
-        input: i_inputs.Input;
+    msg?: (({ section }: {
+        section: o_inputs.Section;
     }) => string | undefined) | undefined;
 }
-export declare const LabelInInputItem: Class;
+export declare const SectionBtn: Class;
 export {};

package/src/ts/inputs/data/side_btn.d.ts

@@ -0,0 +1,19 @@
+import { i_inputs, o_inputs } from '../internal';
+declare class Class {
+    private static instance;
+    static get_instance(): Class;
+    private constructor();
+    is_enabled_cls?: (({ name, input, }: {
+        name: string;
+        input: i_inputs.Input;
+    }) => string) | undefined;
+    set_side_btns_offset_bottom_val: ({ input, el, }: {
+        input: i_inputs.Input;
+        el?: HTMLElement | null;
+    }, e?: TransitionEvent) => void;
+    set_side_btns_offset_bottom_val_help_tr_end: ({ section_or_input, }: {
+        section_or_input: i_inputs.Input | o_inputs.Section;
+    }, e?: TransitionEvent) => void;
+}
+export declare const SideBtn: Class;
+export {};

package/src/ts/inputs/data/tab_index.d.ts

@@ -0,0 +1,11 @@
+import { i_inputs, o_inputs } from '../internal';
+declare class Class {
+    private static instance;
+    static get_instance(): Class;
+    private constructor();
+    tab_index: ({ section_or_input, }: {
+        section_or_input: o_inputs.Section | i_inputs.Input;
+    }) => number;
+}
+export declare const TabIndex: Class;
+export {};

package/{ts → src/ts}/inputs/data/text.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../internal';
+import { o_inputs } from '../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
@@ -13,11 +13,6 @@ declare class Class {
     set_error_placeholder_text: ({ input }: {
         input: o_inputs.Text;
     }) => void;
-    run_text_btn_action: ({ input, text_btn, input_el, }: {
-        input: i_inputs.Input;
-        text_btn: i_inputs.TextBtn;
-        input_el: HTMLInputElement | undefined;
-    }) => Promise<void>;
 }
 export declare const Text: Class;
 export {};

package/src/ts/inputs/data/text_title.d.ts

@@ -0,0 +1,16 @@
+import { i_inputs, o_inputs } from '../internal';
+declare class Class {
+    private static instance;
+    static get_instance(): Class;
+    private constructor();
+    alt_msg?: ({ input, suffix, }: {
+        input: i_inputs.InputAndLink;
+        suffix: string;
+    }) => string;
+    alt_title?: ({ input, suffix }: {
+        input: o_inputs.Text;
+        suffix: string;
+    }) => string;
+}
+export declare const TextTitle: Class;
+export {};