@txstate-mws/svelte-components 1.0.1 → 1.1.0

package/dist/ts/actions/offset.d.ts

@@ -1,15 +0,0 @@
-import { WritableSubject, ElementOffsets } from '../lib';
-interface OffsetConfig<T extends ElementOffsets = ElementOffsets> {
-    debounce?: boolean | number;
-    store?: WritableSubject<T>;
-}
-export declare function offset(el: HTMLElement, config?: OffsetConfig): {
-    update(newConfig?: OffsetConfig<Partial<{
-        right: number;
-        bottom: number;
-        top: number;
-        left: number;
-    }>> | undefined): void;
-    destroy: () => void;
-};
-export {};

package/dist/ts/actions/portal.d.ts

@@ -1,4 +0,0 @@
-export declare function portal(el: HTMLElement, target?: HTMLElement | null): {
-    update: (target?: HTMLElement | null) => void;
-    destroy: () => void;
-};

package/dist/ts/actions/resize.d.ts

@@ -1,16 +0,0 @@
-import { SettableSubject } from '../lib';
-export interface ElementSize {
-    clientWidth?: number;
-    clientHeight?: number;
-    offsetWidth?: number;
-    offsetHeight?: number;
-}
-interface ResizeConfig {
-    debounce?: boolean | number;
-    store?: SettableSubject<ElementSize>;
-}
-export declare function resize(el: HTMLElement, config?: ResizeConfig): void | {
-    update(newConfig?: ResizeConfig | undefined): void;
-    destroy(): void;
-};
-export {};

package/dist/ts/actions/sticky.d.ts

@@ -1,33 +0,0 @@
-import { SettableSubject } from '../lib';
-export interface StickyArgs<T extends StickyStore = StickyStore> {
-    target?: HTMLElement;
-    store?: SettableSubject<T>;
-}
-export interface StickyStore {
-    floating?: boolean;
-    translateY?: number;
-}
-/**
- * A robust implementation of stickyness based on `transform: translateY()`. Only use when
- * `position: sticky` won't work for you. If `position: sticky` does work for you, use it,
- * it performs better.
- *
- * Reasons `position: sticky` might not work:
- * 1) it cannot work on a thead or tr, only td and th (and non-table elements)
- * 2) it gets confused if any parent elements have an `overflow` set, even `overflow: hidden`
- * 3) it always stays within the boundaries of the closest parent element that has a `position`
- *     * use:sticky accepts a `target` element as a parameter, defining the bounding container
- *
- * Note that if the element you place this on has other transforms, this is going to overwrite them.
- *
- * The main drawback to this approach is that it cannot do its work before scroll on mobile, only after,
- * so on mobile you are going to see it visually lag a little during scrolling.
- *
- * You may also want to try use:stickyfixed. It is based on setting `position: fixed` when appropriate,
- * and therefore animates better than this. However, it has a lot more work to do and is more
- * fragile if your markup/CSS situation is very complex.
- */
-export declare function sticky(el: HTMLElement, config?: StickyArgs): {
-    update: (newConfig?: StickyArgs<StickyStore> | undefined) => void;
-    destroy: () => void;
-};

package/dist/ts/actions/stickyfixed.d.ts

@@ -1,25 +0,0 @@
-import { StickyArgs } from './sticky';
-/**
- * An implementation of stickyness based on `positon: fixed`. Only use when
- * `position: sticky` won't work for you. If `position: sticky` does work for you, use it,
- * it performs better.
- *
- * Reasons `position: sticky` might not work:
- * 1) it cannot work on a thead or tr, only td and th (and non-table elements)
- * 2) it gets confused if any parent elements have an `overflow` set, even `overflow: hidden`
- * 3) it always stays within the boundaries of the closest parent element that has a `position`
- *     * use:sticky accepts a `target` element as a parameter, defining the bounding container
- *
- * Note that this implementation gets great animation performance at the cost of extra complexity.
- * It does a lot of work like cloning the element you place it on, placing the cloned element next
- * to yours in the DOM, setting widths to match between them, watching for mutations to keep them
- * in sync, etc. Some of this work may get foiled if you have a complex html/css/js situation.
- *
- * You may also want to try use:sticky. It is based on setting `transform: translateY()` as appropriate,
- * and is less fragile than this. However, it cannot do its work before the scroll on mobile, only after,
- * so it will visually lag a bit on mobile.
- */
-export declare function stickyfixed(el: HTMLElement, config?: StickyArgs): {
-    update: (newConfig?: StickyArgs<import("./sticky").StickyStore> | undefined) => void;
-    destroy: () => void;
-};

package/dist/ts/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as CollapsingTable } from './CollapsingTable.svelte';
-export { default as FocusLock } from './FocusLock.svelte';
-export { default as ConditionalWrapper } from './ConditionalWrapper.svelte';
-export { default as Modal } from './Modal.svelte';
-export { default as PopupMenu } from './PopupMenu.svelte';
-export { default as ScreenReaderOnly } from './ScreenReaderOnly.svelte';

package/dist/ts/index.d.ts

@@ -1,4 +0,0 @@
-export * from './components';
-export * from './actions';
-export * from './lib';
-export * from './types';

package/dist/ts/lib/activestore.d.ts

@@ -1,60 +0,0 @@
-import { Writable } from 'svelte/store';
-export interface UsableSubject<T> {
-    subscribe: (observer: (value: T) => void) => () => void;
-}
-export interface WritableSubject<T> extends UsableSubject<T> {
-    update: (updater: (value: T) => T) => void;
-}
-export interface SettableSubject<T> extends WritableSubject<T> {
-    set: (value: T) => void;
-}
-export declare function isUsable<T>(value: T | UsableSubject<T> | undefined): value is UsableSubject<T>;
-export declare function isWritable<T>(value: T | UsableSubject<T> | undefined): value is WritableSubject<T>;
-export declare function isSettable<T>(value: T | UsableSubject<T> | undefined): value is SettableSubject<T>;
-/**
- * An alternative to svelte's "writable" that does not check equality before notifying
- * subscribers. A writable will notify subscribers after a shallow equality check, which
- * does not work with mutated states:
- * store.update(v => { v.someprop = 'newvalue'; return v })
- *
- * With a writable, this line would NOT notify subscribers because the state will be compared
- * against itself and always found to be equal.
- *
- * An alternative to this store type is SafeStore, which will do a deep equality check but
- * clone data so that it is safe against mutations. It costs more CPU cycles but results in
- * fewer notifications to subscribers which could be an overall win.
- */
-export declare class ActiveStore<T> implements Writable<T> {
-    protected value: T;
-    protected subscribers: Map<string, (s: T) => void>;
-    private cleanups;
-    private sourceInits;
-    constructor(value: T);
-    clone(value: T): T;
-    equal(a: T, b: T): boolean;
-    set(value: T): void;
-    update(updater: (value: T) => T): void;
-    subscribe(run: (s: T) => any): () => void;
-    /**
-     * Provided as a last ditch avenue to clean up memory after rogue subscribers forget
-     * to unsubscribe themselves. For example, in an SSR environment one could clear out
-     * global stores anytime a request finishes and no other requests are being processed.
-     */
-    clearSubscribers(): void;
-    /**
-     * Stores that subscribe to external events should set it up with a start/stop mentality
-     * so that the external events can be unsubscribed when the store itself has no listeners
-     * to notify. This helps ensure unused stores can be garbage collected.
-     *
-     * To do this, pass registerSource a function that initializes the subscription to the external
-     * event, and returns a function that can unsubscribe from the external event. This parent
-     * class will take care of running those functions at appropriate times.
-     */
-    protected registerSource(fn: () => () => void): void;
-    /**
-     * Provided in case a child class has a need to change out the external resources
-     */
-    protected unregisterSources(): void;
-    private subscribeToSources;
-    private unsubscribeFromSources;
-}

package/dist/ts/lib/bodyoffset.d.ts

@@ -1,13 +0,0 @@
-export declare function bodyOffset(ele: HTMLElement): {
-    right: number;
-    bottom: number;
-    top: number;
-    left: number;
-};
-export declare function targetOffset(ele: HTMLElement, target: HTMLElement): {
-    right: number;
-    bottom: number;
-    top: number;
-    left: number;
-};
-export declare function sharedOffsetParent(a: HTMLElement, b: HTMLElement): HTMLElement | undefined;

package/dist/ts/lib/convertedstore.d.ts

@@ -1,16 +0,0 @@
-import { Store } from './store';
-import { UsableSubject } from './activestore';
-/**
- * A store that allows you to pass in a traditional svelte store in the constructor.
- *
- * Updates to the original store will be sent to subscribers of this store, but only after a deep equality check.
- *
- * Updates to this store will also be sent to the original store after a deep equality check.
- */
-export declare class ConvertedStore<T> extends Store<T> {
-    private valueStore;
-    private pause;
-    constructor(value: UsableSubject<T>);
-    set(value: T): void;
-}
-export declare function convertStore<T>(store: UsableSubject<T>): ConvertedStore<T>;

package/dist/ts/lib/derivedstore.d.ts

@@ -1,23 +0,0 @@
-import { Store } from './store';
-import { UsableSubject } from './activestore';
-export interface DerivedStoreOptions {
-    debounce?: number | boolean;
-}
-/**
- * Watch one or more parent stores for changes. Each time, run a function to derive
- * a new state from the parent state(s). Subscribers will only be notified if the
- * derived state has changed (uses fast-deep-equal).
- *
- * If only one parent store, it's possible to use a dot-prop string as the getter.
- */
-export declare class DerivedStore<DerivedType, ParentType = any> extends Store<DerivedType> {
-    constructor(store: UsableSubject<ParentType> | UsableSubject<any>[], getter: string | ((value: any) => DerivedType) | ((values: any[]) => DerivedType), options?: DerivedStoreOptions);
-}
-export declare function derivedStore<DerivedType, ParentType, A extends keyof ParentType>(store: UsableSubject<ParentType>, accessor: A, options?: DerivedStoreOptions): DerivedStore<ParentType[A], ParentType>;
-export declare function derivedStore<DerivedType, ParentType = any>(store: UsableSubject<ParentType>, accessor: string, options?: DerivedStoreOptions): DerivedStore<DerivedType, ParentType>;
-export declare function derivedStore<DerivedType, ParentType>(store: UsableSubject<ParentType>, getter: (value: ParentType) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType, ParentType>;
-export declare function derivedStore<DerivedType, T1, T2>(store: [UsableSubject<T1>, UsableSubject<T2>], getter: (value: [T1, T2]) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType>;
-export declare function derivedStore<DerivedType, T1, T2, T3>(store: [UsableSubject<T1>, UsableSubject<T2>, UsableSubject<T3>], getter: (value: [T1, T2, T3]) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType>;
-export declare function derivedStore<DerivedType, T1, T2, T3, T4>(store: [UsableSubject<T1>, UsableSubject<T2>, UsableSubject<T3>, UsableSubject<T4>], getter: (value: [T1, T2, T3, T4]) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType>;
-export declare function derivedStore<DerivedType, T1, T2, T3, T4, T5>(store: [UsableSubject<T1>, UsableSubject<T2>, UsableSubject<T3>, UsableSubject<T4>, UsableSubject<T5>], getter: (value: [T1, T2, T3, T4, T5]) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType>;
-export declare function derivedStore<DerivedType>(store: UsableSubject<any>[], getter: (value: any[]) => DerivedType, options?: DerivedStoreOptions): DerivedStore<DerivedType>;

package/dist/ts/lib/index.d.ts

@@ -1,9 +0,0 @@
-export * from './bodyoffset';
-export * from './convertedstore';
-export * from './derivedstore';
-export * from './activestore';
-export * from './repositioned';
-export * from './safestore';
-export * from './store';
-export * from './substore';
-export * from './util';

package/dist/ts/lib/repositioned.d.ts

@@ -1,13 +0,0 @@
-import { bodyOffset } from './bodyoffset';
-export declare type ElementOffsets = Partial<ReturnType<typeof bodyOffset>>;
-export declare function watchForMutations(cb: () => void): {
-    destroy(): void;
-};
-export declare function watchForPositionChange(el: (HTMLElement | undefined)[] | HTMLElement | undefined, cb: ((offset: Required<ElementOffsets>) => void) | ((offsets: Required<ElementOffsets>[]) => void)): {
-    update(newEl: (HTMLElement | undefined)[] | HTMLElement | undefined, newCb: ((offset: Required<ElementOffsets>) => void) | ((offsets: Required<ElementOffsets>[]) => void)): void;
-    destroy: () => void;
-};
-export declare function watchForPositionChangeInContainer(el: HTMLElement | undefined, container: HTMLElement | undefined, cb: (offset: Required<ElementOffsets>) => void): {
-    update(newEl: HTMLElement | undefined, newContainer: HTMLElement | undefined, newCb: (offset: Required<ElementOffsets>) => void): void;
-    destroy: () => void;
-};

package/dist/ts/lib/safestore.d.ts

@@ -1,4 +0,0 @@
-import { Store } from './store';
-export declare class SafeStore<T> extends Store<T> {
-    clone(value: T): T;
-}

package/dist/ts/lib/store.d.ts

@@ -1,16 +0,0 @@
-import { ActiveStore } from './activestore';
-/**
- * An alternative to svelte's "writable" that also checks deep equality (fast-deep-equal) before
- * notifying subscribers. A writable will notify subscribers after a shallow equality check, which
- * only works for scalars.
- *
- * Note that this strategy is weak against mutable state updates:
- * store.update(v => { v.someprop = 'newvalue'; return v })
- *
- * This line would NOT notify subscribers because the state will be compared against
- * itself and always found to be equal. If you are making updates in a mutable fashion,
- * use a SafeStore instead.
- */
-export declare class Store<T> extends ActiveStore<T> {
-    equal(a: T, b: T): boolean;
-}

package/dist/ts/lib/substore.d.ts

@@ -1,24 +0,0 @@
-import { Store } from './store';
-import { WritableSubject } from './activestore';
-/**
- * Create a store that represents a part of a larger store. Updates to the parent store will propagate
- * down to the SubStore as appropriate, and updates to the SubStore will propagate
- * back up to the parent store. This requires both a getter and setter function to handle each
- * direction. The setter is given the new SubStore state and the existing parent store state and
- * should return a new state for the parent store.
- *
- * Alternatively, a dot-prop string can be provided and both the getter and setter will be automatically
- * generated. For example, a parent store containing state { deep: { value: 'here' }, hello: 'world' }
- * could be used with the getter string "deep.value". The SubStore's initial state would be "here", and
- * updating it to "there" would update the parent store state to { deep: { value: 'there' }, hello: 'world' }
- */
-export declare class SubStore<SubType, ParentType = any> extends Store<SubType> {
-    protected parentStore: WritableSubject<ParentType>;
-    protected setter: (value: SubType, state: ParentType) => ParentType;
-    constructor(store: WritableSubject<ParentType>, getter: keyof ParentType | string | ((value: ParentType) => SubType), setter?: (value: SubType, state: ParentType) => ParentType);
-    set(value: SubType): void;
-    clone(state: SubType): any;
-}
-export declare function subStore<SubType, ParentType, A extends keyof ParentType>(store: WritableSubject<ParentType>, accessor: A): SubStore<ParentType[A], ParentType>;
-export declare function subStore<SubType, ParentType = any>(store: WritableSubject<ParentType>, accessor: string): SubStore<SubType, ParentType>;
-export declare function subStore<SubType, ParentType>(store: WritableSubject<ParentType>, getter: (value: ParentType) => SubType, setter: (value: SubType, state: ParentType) => ParentType): SubStore<SubType, ParentType>;

package/dist/ts/lib/util.d.ts

@@ -1,2 +0,0 @@
-export declare function classes(...classNames: (string | undefined)[]): string;
-export declare function debounced(fn: Function, timeout: number): (...args: any[]) => void;

package/dist/ts/tests/Actions/Actions.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts/tests/CollapsingTable/CollapsingTable.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts/tests/CollapsingTable/CollapsingTable.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/ts/tests/Modal/Modal.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts/tests/Modal/Modal.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/ts/tests/PopupMenu/PopupMenu.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts/tests/PopupMenu/PopupMenu.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/ts/tests/stores/deepstore.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ts/types/CollapsingTable.d.ts

@@ -1,8 +0,0 @@
-export interface CollapsingTableColumn {
-    key: string;
-    title?: string;
-    width?: number;
-    neverhide?: boolean;
-    bodyCellClass?: string;
-    headerCellClass?: string;
-}

package/dist/ts/types/PopupMenu.d.ts

@@ -1,5 +0,0 @@
-export interface PopupMenuItem {
-    value: string;
-    label?: string;
-    disabled?: boolean;
-}

package/dist/ts/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CollapsingTable';
-export * from './PopupMenu';

package/dist/types/CollapsingTable.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=CollapsingTable.js.map

package/dist/types/CollapsingTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsingTable.js","sourceRoot":"","sources":["../../src/types/CollapsingTable.ts"],"names":[],"mappings":""}

package/dist/types/PopupMenu.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=PopupMenu.js.map

package/dist/types/PopupMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupMenu.js","sourceRoot":"","sources":["../../src/types/PopupMenu.ts"],"names":[],"mappings":""}

package/dist/types/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CollapsingTable"), exports);
-__exportStar(require("./PopupMenu"), exports);
-//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAiC;AACjC,8CAA2B"}

package/esm/index.js

@@ -1 +0,0 @@
-export * from '../dist/index'

package/esm/package.json

@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}