@loftyshaky/shared 0.0.29 → 0.0.33

package/scss/shared/transitions.scss

@@ -1,30 +1,31 @@
-/* stylelint-disable selector-class-pattern */
-
-.loading_screen,
-.checkbox .box svg,
-.color_picker_w,
-.palette_w,
-.color_help_w {
-    transition: var(--transition);
-    transition-property: opacity;
-}
-
-.btn:not(.reload_ui) {
-    transition: var(--transition);
-    transition-property: background-color;
-}
-
-.link_btn {
-    transition: var(--transition);
-    transition-property: color;
-}
-
-.color_picker_w input {
-    transition: var(--transition) !important;
-    transition-property: background-color !important;
-}
-
-.pcr-last-color,
-.pcr-result {
-    transition: none !important;
-}
+/* stylelint-disable selector-class-pattern */
+
+.loading_screen,
+.checkbox .box svg,
+.color_picker_w,
+.palette_w,
+.color_help_w {
+    transition: var(--transition);
+    transition-property: opacity;
+}
+
+.btn:not(.link_btn):not(.reload_ui),
+.upload_box .background {
+    transition: var(--transition);
+    transition-property: background-color;
+}
+
+.link_btn {
+    transition: var(--transition);
+    transition-property: color;
+}
+
+.color_picker_w input {
+    transition: var(--transition) !important;
+    transition-property: background-color !important;
+}
+
+.pcr-last-color,
+.pcr-result {
+    transition: none !important;
+}

package/scss/shared/upload_box.scss

@@ -0,0 +1,67 @@
+$upload_box_text_z_index: 2;
+$upload_box_loading_animation_size: 40px;
+
+$backgrond_margin: 2px;
+$backgrond_dim_offset: 2px * 2;
+
+.input_item {
+    .upload_box {
+        @include border_transparent;
+
+        position: relative;
+        height: 104px;
+        text-align: center;
+        outline-width: 3px;
+        outline-style: dashed;
+        outline-offset: -3px;
+
+        .what_to_do_msg {
+            @include center_translate;
+
+            position: absolute;
+            padding-right: $gap;
+            padding-left: $gap;
+            z-index: $upload_box_text_z_index;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        .browse {
+            display: inline;
+            font-size: $font_main;
+            opacity: 1 !important; // needed to keep default color when element is is_enabled
+        }
+
+        .status_msg {
+            width: 100%;
+            font-size: $font_small;
+            margin-bottom: 5px;
+            z-index: $upload_box_text_z_index;
+        }
+
+        .background {
+            position: absolute;
+            width: calc(100% - #{$backgrond_dim_offset});
+            height: calc(100% - #{$backgrond_dim_offset});
+            display: flex;
+            align-items: end;
+            box-sizing: border-box;
+            margin: $backgrond_margin;
+
+            &.loading {
+                animation: move 450ms linear infinite;
+                background-size: $upload_box_loading_animation_size $upload_box_loading_animation_size;
+            }
+        }
+    }
+}
+
+@keyframes move {
+    0% {
+        background-position: 0 0;
+    }
+
+    100% {
+        background-position: 40px 0;
+    }
+}

package/scss/shared/vars.scss

@@ -1,17 +1,18 @@
-$font_small: 13px;
-$gap: 10px;
-$gap_small: 4px;
-$border_width: 1px;
-$outline_offset: 2px;
-$input_height: 28px;
-$color_input_height: $input_height + ($border_width * 4);
-$input_content_gap: 8px;
-$input_inner_padding: 7px;
-$input_content_gap_2: $input_content_gap - ($border_width * 2);
-$main_margin: 16px;
-$main_margin_2: $main_margin * 2;
-$main_margin_4: $main_margin * 4;
-$black: #212121;
-$yellow: #fbff75;
-$light_orange: #fff7c7;
-$blue: #3892ff;
+$font_main: 17px;
+$font_small: 13px;
+$gap: 10px;
+$gap_small: 4px;
+$border_width: 1px;
+$outline_offset: 2px;
+$input_height: 28px;
+$color_input_height: $input_height + ($border_width * 4);
+$input_content_gap: 8px;
+$input_inner_padding: 7px;
+$input_content_gap_2: $input_content_gap - ($border_width * 2);
+$main_margin: 16px;
+$main_margin_2: $main_margin * 2;
+$main_margin_4: $main_margin * 4;
+$black: #212121;
+$yellow: #fbff75;
+$light_orange: #fff7c7;
+$blue: #3892ff;

package/settings.d.ts

@@ -1,2 +1,2 @@
 import "./ts/shared/internal";
-export { c_settings, d_settings, s_settings } from "./ts/settings/internal";
+export { c_settings, d_settings, d_optional_permissions, s_settings, i_optional_permissions, } from "./ts/settings/internal";

package/settings.js

@@ -1,3 +1 @@
-export { I as c_settings, J as d_settings, K as s_settings } from './chunk-internal-0e86bea1.js';
-import 'react';
-import 'react-dom';
+import{a8 as Body,a9 as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-ce8981a6.js";import"react";import{a as Main$1}from"./chunk-main-d9f34ef9.js";import"react-dom";var index$4=Object.freeze({__proto__:null,Body:Body}),index$3=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),makeObservable(this,{set_checkbox_val:action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&Main$1.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});export{index$4 as c_settings,index$2 as d_optional_permissions,index$3 as d_settings,index as i_optional_permissions,index$1 as s_settings};

package/ts/error_modules/error/scripts/globals.d.ts

@@ -4,5 +4,6 @@ declare global {
     function err<T1>(f: () => T1, error_code: string, obj?: i_error.ShowError): T1;
     function err_async<T1>(f: () => Promise<T1>, error_code: string, obj?: i_error.ShowError): Promise<T1>;
     function throw_err(msg: string): void;
+    function throw_err_obj(msg: string): void;
     function err_obj(msg: string): Error;
 }

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

@@ -20,9 +20,10 @@ export declare class Color {
         i: i_color.I;
         color: i_color.Color;
     }) => void;
-    save: ({ input, i }: {
+    save: ({ input, i, callback, }: {
         input: o_color.Color;
         i: i_color.I;
+        callback: t.CallbackVariadicVoid;
     }) => void;
     restore_old_color: () => void;
     convert_pickr_color_to_rgb_string: ({ pickr_color, }: {

package/ts/inputs/color/data/visibility.d.ts

@@ -8,6 +8,7 @@ export declare class Visibility {
     previously_visible_input: o_color.Color | undefined;
     previously_visible_color_picker_i: i_color.I | undefined;
     private visualization_of_visible_input;
+    color_help_is_visible: boolean;
     mark_color_picker_as_closed: ({ input, i, is_closed, }: {
         input: o_color.Color;
         i: i_color.I;
@@ -33,4 +34,5 @@ export declare class Visibility {
     hide_color_help: ({ input }: {
         input: o_color.Color;
     }) => void;
+    hide_color_help_tr_end: () => void;
 }

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

@@ -10,6 +10,8 @@ export declare class Color extends o_inputs.InputBase {
     palette_height?: string;
     color_picker_width?: string;
     color_picker_height?: string;
+    include_remove_color_btn?: boolean;
+    include_ok_btn?: boolean;
     state?: i_color.ColorPickerState;
     select_palette_color_callback: t.CallbackVariadicVoid;
     remove_color_callback: t.CallbackVariadicVoid;
@@ -48,4 +50,5 @@ export declare class Color extends o_inputs.InputBase {
         i: i_color.I;
     }) => string) | undefined;
     palette_is_closed_visibility_cls?: ((this: Color) => string) | undefined;
+    color_help_visibility_cls?: ((this: Color) => string) | undefined;
 }

package/ts/inputs/components/hr.d.ts

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

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

@@ -3,6 +3,7 @@ export * from "./checkbox";
 export * from "./file";
 export * from "./help_btn";
 export * from "./help";
+export * from "./hr";
 export * from "./input_item";
 export * from "./label";
 export * from "./link_btn";
@@ -15,3 +16,4 @@ export * from "./select";
 export * from "./text_btn";
 export * from "./text";
 export * from "./textarea";
+export * from "./upload_box";

package/ts/inputs/components/prop_types/hr.d.ts

@@ -0,0 +1,4 @@
+import { o_inputs } from "../../internal";
+export interface Hr {
+    input: o_inputs.Hr;
+}

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

@@ -3,6 +3,7 @@ export * from "./checkbox";
 export * from "./file";
 export * from "./help_btn";
 export * from "./help";
+export * from "./hr";
 export * from "./input_item";
 export * from "./label";
 export * from "./link_btn";
@@ -15,3 +16,4 @@ export * from "./select";
 export * from "./text_btn";
 export * from "./text";
 export * from "./textarea";
+export * from "./upload_box";

package/ts/inputs/components/prop_types/link_btn.d.ts

@@ -1,5 +1,4 @@
-import { t } from "../../../shared/internal";
+import { o_inputs } from "../../internal";
 export interface LinkBtn {
-    name: string;
-    on_click: t.CallbackVoid;
+    input: o_inputs.LinkBtn;
 }

package/ts/inputs/components/prop_types/text_btn.d.ts

@@ -2,7 +2,7 @@ import { t } from "../../../shared/internal";
 import { o_inputs } from "../../internal";
 export interface TextBtn {
     name: string;
-    svg_name: string;
+    Svg: string;
     input: o_inputs.Text;
     on_click?: t.CallbackVoid;
 }

package/ts/inputs/components/prop_types/upload_box.d.ts

@@ -0,0 +1,4 @@
+import { o_inputs } from "../../internal";
+export interface UploadBox {
+    input: o_inputs.UploadBox;
+}

package/ts/inputs/components/upload_box.d.ts

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

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

@@ -3,3 +3,5 @@ export * from "./input_width";
 export * from "./label";
 export * from "./nested_input";
 export * from "./val";
+export * from "./text";
+export * from "./upload_box";

package/ts/inputs/data/input_width.d.ts

@@ -13,9 +13,10 @@ export declare class InputWidth {
     }) => number | string | undefined) | undefined;
     calculate_for_section: ({ section_name }: {
         section_name: string;
-    }) => void;
-    calculate_for_all_sections: ({ sections }: {
+    }) => Promise<void>;
+    calculate_for_all_sections: ({ sections, all_sections_inputs_equal_width, }: {
         sections: i_inputs.Sections;
-    }) => void;
+        all_sections_inputs_equal_width?: boolean | undefined;
+    }) => Promise<void>;
     set_max_width: () => void;
 }

package/ts/inputs/data/nested_input.d.ts

@@ -6,11 +6,13 @@ export declare class NestedInput {
     calculate_offset: ({ input }: {
         input: i_inputs.Input;
     }) => void;
-    set_parent_disbled_vals: ({ input, sections, }: {
+    set_parent_disbled_vals: ({ input, sections, set_to_all_sections, }: {
         input: i_inputs.Input;
         sections: i_inputs.Sections;
+        set_to_all_sections?: boolean | undefined;
     }) => void;
-    set_all_parents_disbled_vals: ({ sections }: {
+    set_all_parents_disbled_vals: ({ sections, set_to_all_sections, }: {
         sections: i_inputs.Sections;
+        set_to_all_sections?: boolean | undefined;
     }) => void;
 }

package/ts/inputs/data/text.d.ts

@@ -0,0 +1,21 @@
+import { o_inputs, i_inputs } from "../internal";
+export declare class Text {
+    private static i0;
+    static i(): Text;
+    private constructor();
+    private set_placeholder_text;
+    clear_placeholder_text: ({ input }: {
+        input: o_inputs.Text;
+    }) => void;
+    set_loading_placeholder_text: ({ input }: {
+        input: o_inputs.Text;
+    }) => void;
+    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>;
+}

package/ts/inputs/data/upload_box.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent } from 'react';
+import { o_inputs } from "../internal";
+export declare class UploadBox {
+    private static i0;
+    static i(): UploadBox;
+    constructor();
+    trigger_click_on_file_input: ({ file_input, }: {
+        file_input: HTMLInputElement | null;
+    }) => void;
+    upload_files: (e: ChangeEvent | DragEvent, { input, file_input, }: {
+        input: o_inputs.UploadBox;
+        file_input?: HTMLInputElement | null | undefined;
+    }) => Promise<void>;
+    highlight: ({ input }: {
+        input: o_inputs.UploadBox;
+    }) => void;
+    unhighlight: ({ input }: {
+        input: o_inputs.UploadBox;
+    }) => void;
+}

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

@@ -3,3 +3,5 @@ export * from "./inputs";
 export * from "./links";
 export * from "./options";
 export * from "./sections";
+export * from "./text_btn";
+export * from "./state_cond";

package/ts/inputs/interfaces/input.d.ts

@@ -1,2 +1,2 @@
 import { o_inputs, o_color } from "../internal";
-export declare type Input = o_inputs.Text | o_inputs.Textarea | o_inputs.Checkbox | o_inputs.Select | o_inputs.Range | o_color.Color | o_inputs.Btn | o_inputs.File;
+export declare type Input = o_inputs.Text | o_inputs.Textarea | o_inputs.Checkbox | o_inputs.Select | o_inputs.LinkBtn | o_inputs.Range | o_color.Color | o_inputs.Btn | o_inputs.File | o_inputs.UploadBox;