@furystack/shades-common-components 3.3.0 → 3.4.1

package/types/components/inputs/input.d.ts

@@ -0,0 +1,54 @@
+import { PartialElement } from '@furystack/shades';
+import { Palette, Theme } from '../../services';
+export interface TextInputProps extends PartialElement<HTMLInputElement> {
+    /**
+     * Callback that will be called when the input value changes
+     */
+    onTextChange?: (text: string) => void;
+    /**
+     * An optional label title element or string
+     */
+    labelTitle?: JSX.Element | string;
+    /**
+     * Optional props for the label element
+     */
+    labelProps?: PartialElement<HTMLLabelElement>;
+    /**
+     * Boolean that indicates if the field will be focused automatically
+     */
+    autofocus?: boolean;
+    /**
+     * The variant of the input
+     */
+    variant?: 'contained' | 'outlined';
+    /**
+     * The default color of the input (Error color will be used in case of invalid input value)
+     */
+    defaultColor?: keyof Palette;
+    /**
+     * Optional callback for the helper text
+     */
+    getHelperText?: (options: {
+        state: TextInputState;
+    }) => JSX.Element | string;
+    /**
+     * Optional callback for retrieving an icon element on the left side of the input field
+     */
+    getStartIcon?: (options: {
+        state: TextInputState;
+    }) => JSX.Element | string;
+    /**
+     * Optional callback for retrieving an icon element on the right side of the input field
+     */
+    getEndIcon?: (options: {
+        state: TextInputState;
+    }) => JSX.Element | string;
+}
+export declare type TextInputState = {
+    theme: Theme;
+    value: string;
+    focused: boolean;
+    validity: ValidityState;
+};
+export declare const Input: (props: TextInputProps, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
+//# sourceMappingURL=input.d.ts.map

package/types/components/inputs/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,cAAc,EAAiC,MAAM,mBAAmB,CAAA;AAExF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACtE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAE5E;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAE3E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CAC1E;AAED,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,aAAa,CAAA;CACxB,CAAA;AAwDD,eAAO,MAAM,KAAK,sGAsFhB,CAAA"}

package/types/components/inputs/text-area.d.ts

@@ -0,0 +1,14 @@
+import { PartialElement } from '@furystack/shades';
+import { Theme } from '../../services';
+export interface TextAreaProps extends PartialElement<HTMLTextAreaElement> {
+    labelTitle?: string;
+    labelProps?: PartialElement<HTMLLabelElement>;
+    autofocus?: boolean;
+    variant?: 'contained' | 'outlined';
+}
+export declare type TextAreaInputState = {
+    theme: Theme;
+    value?: string;
+};
+export declare const TextArea: (props: TextAreaProps, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
+//# sourceMappingURL=text-area.d.ts.map

package/types/components/inputs/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,EAAS,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAwB,MAAM,gBAAgB,CAAA;AAG5D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;CACnC;AAED,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,qGAoGnB,CAAA"}

package/types/components/loader.d.ts

@@ -1,4 +1,13 @@
-export declare const Loader: (props: {
-    style?: Partial<CSSStyleDeclaration> | undefined;
-}, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
+interface LoaderProps {
+    /**
+     * Style declaration for the loader
+     */
+    style?: Partial<CSSStyleDeclaration>;
+    /**
+     * The time to wait before the loader shows up
+     */
+    delay?: number;
+}
+export declare const Loader: (props: LoaderProps, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
+export {};
 //# sourceMappingURL=loader.d.ts.map

package/types/components/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;+EA6DjB,CAAA"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,MAAM,mGA6CjB,CAAA"}

package/types/components/noty-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAe,MAAM,0BAA0B,CAAA;AAKjE,eAAO,MAAM,sBAAsB,SAAU,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI;+EAoG1E,CAAA;AAEF,eAAO,MAAM,QAAQ,+FAoCnB,CAAA"}
+{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAe,MAAM,0BAA0B,CAAA;AAKjE,eAAO,MAAM,sBAAsB,SAAU,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI;+EAsG1E,CAAA;AAEF,eAAO,MAAM,QAAQ,+FAoCnB,CAAA"}

package/types/components/skeleton.d.ts

@@ -0,0 +1,8 @@
+export declare type SkeletonProps = {
+    /**
+     * The time to wait before the skeleton shows up
+     */
+    delay?: number;
+};
+export declare const Skeleton: (props: SkeletonProps, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
+//# sourceMappingURL=skeleton.d.ts.map

package/types/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAGA,oBAAY,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,qGAkCnB,CAAA"}

package/types/services/theme-provider-service.d.ts

@@ -36,6 +36,15 @@ export interface Theme {
     background: Background;
     divider: Color;
 }
+export declare class RgbColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+    constructor(r: number, g: number, b: number, a?: number);
+    update(key: 'r' | 'g' | 'b' | 'a', value: number): RgbColor;
+    toString(): string;
+}
 /**
  * Service class for theme-related operations
  */
@@ -53,17 +62,7 @@ export declare class ThemeProviderService {
      * @param color The color string
      * @returns The parsed R,G,B, A values
      */
-    getRgbFromColorString(color: string): {
-        r: number;
-        g: number;
-        b: number;
-        a?: undefined;
-    } | {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
+    getRgbFromColorString(color: string): RgbColor;
     readonly theme: ObservableValue<Theme>;
     set(change: DeepPartial<Theme>): void;
     dispose(): void;

package/types/services/theme-provider-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-service.d.ts","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAa,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAG1E,oBAAY,KAAK,GAAG,MAAM,CAAA;AAE1B,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;CACpB;AAED,MAAM,WAAW,IAAI;IACnB,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAA;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,KAAK,CAAA;IACb,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAA;IACf,QAAQ,EAAE,KAAK,CAAA;IACf,kBAAkB,EAAE,KAAK,CAAA;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,KAAK,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,WAAW,CAAA;IACnB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,KAAK,CAAA;CACf;AAED;;GAEG;AACH,qBACa,oBAAoB;IAC/B;;;;;;OAMG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAY,EAAE,IAAI,SAAY;IAMvE;;;;OAIG;IACI,qBAAqB,CAAC,KAAK,EAAE,MAAM;;;;;;;;;;;IA+B1C,SAAgB,KAAK,yBAAwC;IAEtD,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;IAI9B,OAAO;CAGf"}
+{"version":3,"file":"theme-provider-service.d.ts","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAa,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAG1E,oBAAY,KAAK,GAAG,MAAM,CAAA;AAE1B,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;CACpB;AAED,MAAM,WAAW,IAAI;IACnB,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAA;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,KAAK,CAAA;IACb,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAA;IACf,QAAQ,EAAE,KAAK,CAAA;IACf,kBAAkB,EAAE,KAAK,CAAA;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,KAAK,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,WAAW,CAAA;IACnB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,KAAK,CAAA;CACf;AAED,qBAAa,QAAQ;IACA,CAAC,EAAE,MAAM;IAAS,CAAC,EAAE,MAAM;IAAS,CAAC,EAAE,MAAM;IAAS,CAAC,EAAE,MAAM;gBAA/D,CAAC,EAAE,MAAM,EAAS,CAAC,EAAE,MAAM,EAAS,CAAC,EAAE,MAAM,EAAS,CAAC,GAAE,MAAU;IAE/E,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ;IAK3D,QAAQ,IAAI,MAAM;CAG1B;AAED;;GAEG;AACH,qBACa,oBAAoB;IAC/B;;;;;;OAMG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAY,EAAE,IAAI,SAAY;IAMvE;;;;OAIG;IACI,qBAAqB,CAAC,KAAK,EAAE,MAAM;IA+B1C,SAAgB,KAAK,yBAAwC;IAEtD,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;IAI9B,OAAO;CAGf"}

package/dist/components/autocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/components/autocomplete.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,mCAA2C;AAE9B,QAAA,YAAY,GAAG,IAAA,cAAK,EAG/B;IACA,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;KAC1D,CAAC;IACF,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACrC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC5C,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;SACvC;IACH,CAAC;IACD,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;QACjC,OAAO,CACL;YACE,8BAAC,aAAK,OACA,KAAK,CAAC,UAAU,EACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAa,CAAA;oBAClC,IAAI,KAAK,CAAC,MAAM,EAAE;wBAChB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;4BACtC,CAAC;4BAAC,EAAE,CAAC,MAA2B,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAAA;4BAClF,OAAM;yBACP;qBACF;oBACD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACvB,CAAC,GACD;YACF,4CAAU,EAAE,EAAE,UAAU,IACrB,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,0CAAQ,KAAK,EAAE,CAAC,GAAI,CACrB,CAAC,CACO,CACP,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/input.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const shades_1 = require("@furystack/shades");
-const __1 = require("..");
-const promisify_animation_1 = require("../utils/promisify-animation");
-exports.Input = (0, shades_1.Shade)({
-    shadowDomName: 'shade-input',
-    getInitialState: ({ injector, props }) => ({
-        theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
-        value: props.value,
-    }),
-    resources: ({ injector, updateState }) => [
-        injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
-    ],
-    render: ({ props, element, injector, getState, updateState }) => {
-        var _a;
-        const themeProvider = injector.getInstance(__1.ThemeProviderService);
-        const { theme, value } = getState();
-        const { palette } = theme;
-        return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'flex-start',
-                justifyContent: 'space-between',
-                fontSize: '10px',
-                color: props.disabled ? 'rgb(170, 170, 170)' : '#bbb',
-                marginBottom: '1em',
-                padding: '1em',
-                ...(_a = props.labelProps) === null || _a === void 0 ? void 0 : _a.style,
-            } },
-            props.labelTitle,
-            props.multiLine ? ((0, shades_1.createComponent)("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
-                    border: 'none',
-                    backgroundColor: 'transparent',
-                    outline: 'none',
-                    fontSize: '12px',
-                    width: '100%',
-                    textOverflow: 'ellipsis',
-                    ...props.style,
-                } }, value)) : ((0, shades_1.createComponent)("input", { onchange: (ev) => {
-                    const newValue = ev.target.value;
-                    updateState({ value: newValue }, true);
-                    props.onTextChange && props.onTextChange(newValue);
-                    props.onchange && props.onchange(ev);
-                }, onfocus: () => {
-                    if (!props.disabled) {
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
-                            duration: 500,
-                            easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
-                            fill: 'forwards',
-                        });
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('input'), [
-                            { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
-                            { boxShadow: `0px 3px 0px ${palette.primary.main}` },
-                        ], {
-                            duration: 200,
-                            fill: 'forwards',
-                        });
-                    }
-                }, onblur: () => {
-                    if (!props.disabled) {
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
-                            duration: 200,
-                            easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
-                            fill: 'forwards',
-                        });
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('input'), [
-                            { boxShadow: '0px 3px 0px rgba(128,128,128,0.4)' },
-                            { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
-                        ], {
-                            duration: 400,
-                            fill: 'forwards',
-                        });
-                    }
-                }, ...props, style: {
-                    color: 'inherit',
-                    border: 'none',
-                    backgroundColor: 'transparent',
-                    outline: 'none',
-                    fontSize: '12px',
-                    width: '100%',
-                    textOverflow: 'ellipsis',
-                    padding: '0.6em 0',
-                    ...props.style,
-                }, value: value }))));
-    },
-});
-//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}

package/src/components/input.tsx

@@ -1,148 +0,0 @@
-import { Shade, PartialElement, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '..'
-import { Theme } from '../services'
-import { promisifyAnimation } from '../utils/promisify-animation'
-
-export interface InputProps extends PartialElement<HTMLInputElement> {
-  onTextChange?: (text: string) => void
-  labelTitle?: string
-  multiLine?: false
-  labelProps?: PartialElement<HTMLLabelElement>
-  autofocus?: boolean
-}
-
-export interface TextAreaProps extends PartialElement<HTMLTextAreaElement> {
-  labelTitle?: string
-  multiLine: true
-  labelProps?: PartialElement<HTMLLabelElement>
-  autofocus?: boolean
-}
-
-export type TextInputProps = InputProps | TextAreaProps
-
-export type TextInputState = {
-  theme: Theme
-  value?: string
-}
-
-export const Input = Shade<TextInputProps, TextInputState>({
-  shadowDomName: 'shade-input',
-  getInitialState: ({ injector, props }) => ({
-    theme: injector.getInstance(ThemeProviderService).theme.getValue(),
-    value: props.value,
-  }),
-  resources: ({ injector, updateState }) => [
-    injector.getInstance(ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
-  ],
-  render: ({ props, element, injector, getState, updateState }) => {
-    const themeProvider = injector.getInstance(ThemeProviderService)
-    const { theme, value } = getState()
-    const { palette } = theme
-
-    return (
-      <label
-        {...props.labelProps}
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'flex-start',
-          justifyContent: 'space-between',
-          fontSize: '10px',
-          color: props.disabled ? 'rgb(170, 170, 170)' : '#bbb',
-          marginBottom: '1em',
-          padding: '1em',
-          ...props.labelProps?.style,
-        }}
-      >
-        {props.labelTitle}
-        {props.multiLine ? (
-          <div
-            contentEditable={props.readOnly === true || props.disabled === true ? 'inherit' : 'true'}
-            {...props}
-            style={{
-              border: 'none',
-              backgroundColor: 'transparent',
-              outline: 'none',
-              fontSize: '12px',
-              width: '100%',
-              textOverflow: 'ellipsis',
-              ...props.style,
-            }}
-          >
-            {value}
-          </div>
-        ) : (
-          <input
-            onchange={(ev) => {
-              const newValue = (ev.target as HTMLInputElement).value
-              updateState({ value: newValue }, true)
-              props.onTextChange && props.onTextChange(newValue)
-              props.onchange && (props.onchange as any)(ev)
-            }}
-            onfocus={() => {
-              if (!props.disabled) {
-                promisifyAnimation(
-                  element.querySelector('label'),
-                  [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }],
-                  {
-                    duration: 500,
-                    easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
-                    fill: 'forwards',
-                  },
-                )
-                promisifyAnimation(
-                  element.querySelector('input'),
-                  [
-                    { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
-                    { boxShadow: `0px 3px 0px ${palette.primary.main}` },
-                  ],
-                  {
-                    duration: 200,
-                    fill: 'forwards',
-                  },
-                )
-              }
-            }}
-            onblur={() => {
-              if (!props.disabled) {
-                promisifyAnimation(
-                  element.querySelector('label'),
-                  [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }],
-                  {
-                    duration: 200,
-                    easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
-                    fill: 'forwards',
-                  },
-                )
-                promisifyAnimation(
-                  element.querySelector('input'),
-                  [
-                    { boxShadow: '0px 3px 0px rgba(128,128,128,0.4)' },
-                    { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
-                  ],
-                  {
-                    duration: 400,
-                    fill: 'forwards',
-                  },
-                )
-              }
-            }}
-            {...props}
-            style={{
-              color: 'inherit',
-              border: 'none',
-              backgroundColor: 'transparent',
-              outline: 'none',
-              fontSize: '12px',
-              width: '100%',
-              textOverflow: 'ellipsis',
-              padding: '0.6em 0',
-              ...props.style,
-            }}
-            value={value}
-          />
-        )}
-      </label>
-    )
-  },
-})

package/types/components/autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,YAAY;;iBACiB,MAAM,EAAE;;sBAAsC,MAAM,KAAK,IAAI;+EAuCrG,CAAA"}

package/types/components/input.d.ts

@@ -1,22 +0,0 @@
-import { PartialElement } from '@furystack/shades';
-import { Theme } from '../services';
-export interface InputProps extends PartialElement<HTMLInputElement> {
-    onTextChange?: (text: string) => void;
-    labelTitle?: string;
-    multiLine?: false;
-    labelProps?: PartialElement<HTMLLabelElement>;
-    autofocus?: boolean;
-}
-export interface TextAreaProps extends PartialElement<HTMLTextAreaElement> {
-    labelTitle?: string;
-    multiLine: true;
-    labelProps?: PartialElement<HTMLLabelElement>;
-    autofocus?: boolean;
-}
-export declare type TextInputProps = InputProps | TextAreaProps;
-export declare type TextInputState = {
-    theme: Theme;
-    value?: string;
-};
-export declare const Input: (props: TextInputProps, children: import("@furystack/shades").ChildrenList) => JSX.Element<any, any>;
-//# sourceMappingURL=input.d.ts.map

package/types/components/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,cAAc,EAAmB,MAAM,mBAAmB,CAAA;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGnC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,IAAI,CAAA;IACf,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,oBAAY,cAAc,GAAG,UAAU,GAAG,aAAa,CAAA;AAEvD,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,sGAwHhB,CAAA"}