@loftyshaky/shared 0.0.32 → 0.0.36

package/scss/shared/upload_box.scss

@@ -1,59 +1,67 @@
-$upload_box_text_z_index: 2;
-$upload_box_loading_animation_size: 40px;
-
-.input_item {
-    .upload_box {
-        position: relative;
-        height: 100px;
-        text-align: center;
-        border-width: 3px;
-        border-style: dashed;
-        display: flex;
-        align-items: end;
-
-        .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 disabled
-        }
-
-        .status_msg {
-            width: 100%;
-            font-size: $font_small;
-            margin-bottom: 5px;
-            z-index: $upload_box_text_z_index;
-        }
-
-        .background {
-            @include full_dims;
-
-            position: absolute;
-
-            &.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;
-    }
-}
+$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,18 +1,18 @@
-$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;
+$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 +1 @@
-import{a5 as Body,a6 as BackUp,S as Sections}from"./chunk-main-a59eea98.js";import"react";import{a as Main}from"./chunk-main-ccd52fa1.js";import"react-dom";var index$2=Object.freeze({__proto__:null,Body:Body}),index$1=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index=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.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}});export{index$2 as c_settings,index$1 as d_settings,index as s_settings};
+import{a8 as Body,a9 as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-a7524397.js";import"react";import{a as Main$1}from"./chunk-main-51348ab9.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/obj/color.d.ts

@@ -18,10 +18,6 @@ export declare class Color extends o_inputs.InputBase {
     restore_default_palette_callback: t.CallbackVariadicVoid;
     hide_color_help_callback: t.CallbackVoid;
     constructor(obj: Color);
-    conditional_event_callback?: (({ input, i }: {
-        input: Color;
-        i: i_color.I;
-    }) => void) | undefined;
     is_palette_color?: (({ i }: {
         i: i_color.I;
     }) => boolean) | 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";

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";

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

@@ -1,13 +1,21 @@
-import { o_inputs } from "../internal";
+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

@@ -3,12 +3,18 @@ import { o_inputs } from "../internal";
 export declare class UploadBox {
     private static i0;
     static i(): UploadBox;
-    private constructor();
+    constructor();
     trigger_click_on_file_input: ({ file_input, }: {
         file_input: HTMLInputElement | null;
     }) => void;
-    upload_files: (e: ChangeEvent, { input, file_input, }: {
+    upload_files: (e: ChangeEvent | DragEvent, { input, file_input, }: {
         input: o_inputs.UploadBox;
-        file_input: HTMLInputElement | null;
+        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

@@ -4,4 +4,4 @@ export * from "./links";
 export * from "./options";
 export * from "./sections";
 export * from "./text_btn";
-export * from "./visiblity_cond";
+export * from "./state_cond";

package/ts/inputs/interfaces/state_cond.d.ts

@@ -0,0 +1,4 @@
+export interface StateCond {
+    input_name: string;
+    pass_vals: (boolean | string | number)[];
+}

package/ts/inputs/obj/hr.d.ts

@@ -0,0 +1,5 @@
+export declare class Hr {
+    name: string;
+    type?: 'hr';
+    constructor(obj: Hr);
+}

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

@@ -2,6 +2,7 @@ export * from "./input_base";
 export * from "./btn";
 export * from "./checkbox";
 export * from "./file";
+export * from "./hr";
 export * from "./link_btn";
 export * from "./link";
 export * from "./option";

package/ts/inputs/obj/input_base.d.ts

@@ -5,7 +5,10 @@ export declare class InputBase {
     is_cut?: boolean;
     is_visible_key?: string;
     is_visible?: boolean;
-    visiblity_conds?: i_inputs.VisiblityCond[];
+    is_visible_conds?: i_inputs.StateCond[];
+    is_enabled?: boolean;
+    is_enabled_conds?: i_inputs.StateCond[];
+    parent_disabled?: boolean;
     is_in_focus_state?: boolean;
     is_in_warn_state?: boolean;
     val_accessor?: string;
@@ -14,7 +17,6 @@ export declare class InputBase {
     include_help?: boolean;
     help_is_visible?: boolean;
     parent?: string;
-    parent_disabled?: boolean;
     offset?: string;
     section?: string;
     subsection?: string;
@@ -23,7 +25,12 @@ export declare class InputBase {
         input: i_inputs.Input;
     }) => boolean;
     constructor(obj: InputBase);
-    parent_disabled_cls?: ((this: InputBase) => string) | undefined;
+    is_visible_computed?: ((this: InputBase) => boolean) | undefined;
+    is_enabled_computed?: ((this: InputBase) => boolean) | undefined;
+    private is_enabled_final?;
+    is_enabled_cls?: ((this: InputBase) => string) | undefined;
     tab_index?: ((this: InputBase) => number) | undefined;
-    is_visible_visiblity_conds?: ((this: InputBase) => boolean) | undefined;
+    parent_disabled_computed?: ((this: InputBase) => boolean) | undefined;
+    private check_state?;
+    private check_state_conds?;
 }

package/ts/inputs/obj/option.d.ts

@@ -1,6 +1,6 @@
 export declare class Option {
     name: string;
-    val?: string;
+    val?: string | number;
     alt_msg?: string;
     constructor(obj: Option);
 }