@likable-hair/svelte 3.2.12 → 3.3.0

package/dist/components/simple/forms/Switch.svelte.d.ts

@@ -1,19 +1,16 @@
 import { SvelteComponent } from "svelte";
+import './Switch.css';
 declare const __propDef: {
     props: {
+        label?: string | undefined;
         value?: boolean | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-        padding?: string | undefined;
-        borderRadius?: string | undefined;
-        toggleActiveColor?: string | undefined;
-        toggleDeactiveColor?: string | undefined;
-        backgroundActiveColor?: string | undefined;
-        backgroundDeactiveColor?: string | undefined;
-        animationDuration?: string | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
-        change: Event;
+        change: CustomEvent<{
+            label: string;
+            value: boolean;
+        }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/index.d.ts

@@ -82,3 +82,10 @@ export { default as StableDividedSideBarLayout } from './components/layouts/Stab
 export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
 export { default as Converter } from './utils/filters/filters';
 export { default as RadioButton } from './components/simple/forms/RadioButton.svelte';
+export { default as DynamicTable } from './components/composed/list/DynamicTable.svelte';
+export { default as DynamicFilters } from './components/composed/search/DynamicFilters.svelte';
+export { default as QuickActions } from './components/composed/common/QuickActions.svelte';
+export { default as VerticalDraggableList } from './components/simple/common/VerticalDraggableList.svelte';
+export { default as Select } from './components/simple/forms/Select.svelte';
+export { default as InfiniteScroll } from './components/simple/common/InfiniteScroll.svelte';
+export { default as Divider } from './components/simple/common/Divider.svelte';

package/dist/index.js

@@ -82,3 +82,10 @@ export { default as StableDividedSideBarLayout } from './components/layouts/Stab
 export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
 export { default as Converter } from './utils/filters/filters';
 export { default as RadioButton } from './components/simple/forms/RadioButton.svelte';
+export { default as DynamicTable } from './components/composed/list/DynamicTable.svelte';
+export { default as DynamicFilters } from './components/composed/search/DynamicFilters.svelte';
+export { default as QuickActions } from './components/composed/common/QuickActions.svelte';
+export { default as VerticalDraggableList } from './components/simple/common/VerticalDraggableList.svelte';
+export { default as Select } from './components/simple/forms/Select.svelte';
+export { default as InfiniteScroll } from './components/simple/common/InfiniteScroll.svelte';
+export { default as Divider } from './components/simple/common/Divider.svelte';

package/dist/utils/filters/filters.d.ts

@@ -1,11 +1,15 @@
 import Builder from "./builder";
-export declare const StringModes: readonly ["equal", "like", "ilike", "contains"];
-export type StringMode = typeof StringModes[number];
-export declare const GenericModes: readonly ["equal", "greater", "lower", "between"];
-export type DateMode = typeof GenericModes[number];
-export type NumberMode = typeof GenericModes[number];
-export declare const SelectModes: readonly ["equal", "different"];
-export type SelectMode = typeof SelectModes[number];
+export declare const STRING_MODES: readonly ["equal", "like", "ilike", "contains"];
+export type StringMode = typeof STRING_MODES[number];
+export declare function isStringMode(mode: any): mode is StringMode;
+export declare const GENERIC_MODES: readonly ["equal", "greater", "lower", "between"];
+export type DateMode = typeof GENERIC_MODES[number];
+export declare function isDateMode(mode: any): mode is DateMode;
+export type NumberMode = typeof GENERIC_MODES[number];
+export declare function isNumberMode(mode: any): mode is NumberMode;
+export declare const SELECT_MODES: readonly ["equal", "different"];
+export type SelectMode = typeof SELECT_MODES[number];
+export declare function isSelectMode(mode: any): mode is SelectMode;
 type MultiStringFilter = {
     type: 'multiString';
     modify?: (params: {

package/dist/utils/filters/filters.js

@@ -1,7 +1,19 @@
 import Builder from "./builder";
-export const StringModes = ['equal', 'like', 'ilike', 'contains'];
-export const GenericModes = ['equal', 'greater', 'lower', 'between'];
-export const SelectModes = ['equal', 'different'];
+export const STRING_MODES = ['equal', 'like', 'ilike', 'contains'];
+export function isStringMode(mode) {
+    return STRING_MODES.includes(mode);
+}
+export const GENERIC_MODES = ['equal', 'greater', 'lower', 'between'];
+export function isDateMode(mode) {
+    return GENERIC_MODES.includes(mode);
+}
+export function isNumberMode(mode) {
+    return GENERIC_MODES.includes(mode);
+}
+export const SELECT_MODES = ['equal', 'different'];
+export function isSelectMode(mode) {
+    return SELECT_MODES.includes(mode);
+}
 export default class Converter {
     constructor() {
     }

package/dist/utils/filters/quickFilters.d.ts

@@ -0,0 +1,109 @@
+import type { FilterBuilder } from "../..";
+type Item = {
+    value: string;
+    label?: string;
+    data?: any;
+};
+type StringQuickFilter = {
+    key: "string";
+    value?: string;
+    mode?: "equal" | "like" | "ilike" | "contains";
+    missingValue?: boolean;
+    missingLabel?: string;
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: {
+            value?: string;
+            missingValue?: boolean;
+        };
+    }) => FilterBuilder;
+};
+type NumberQuickFilter = {
+    key: "number";
+    value?: number;
+    missingValue?: boolean;
+    missingLabel?: string;
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: {
+            value?: number;
+            missingValue?: boolean;
+        };
+    }) => FilterBuilder;
+};
+type DateQuickFilter = {
+    key: "date";
+    from?: Date;
+    to?: Date;
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: {
+            from?: Date;
+            to?: Date;
+        };
+    }) => FilterBuilder;
+};
+type BooleanQuickFilter = {
+    key: "boolean";
+    params?: {
+        labelTrue: string;
+        labelFalse: string;
+    };
+    value?: boolean;
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: boolean;
+    }) => FilterBuilder;
+};
+type CountryQuickFilter = {
+    key: "country";
+    selected?: Item[];
+    missingValue?: boolean;
+    missingLabel?: string;
+    countriesOptions?: Item[];
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: {
+            values?: string[];
+            missingValue?: boolean;
+        };
+    }) => FilterBuilder;
+};
+type MultiSelectQuickFilter = {
+    key: "multi-select";
+    items: Item[];
+    values: Item[];
+    missingValue?: boolean;
+    missingLabel?: string;
+    countriesAlpha2?: Item[];
+    modify?: (params: {
+        builder: FilterBuilder;
+        value?: {
+            values?: string[];
+            missingValue?: boolean;
+        };
+    }) => FilterBuilder;
+};
+type CustomQuickFilter = {
+    key: 'custom';
+    value?: any;
+    missingValue?: boolean;
+    modify: (params: {
+        builder: FilterBuilder;
+        value?: {
+            value?: any;
+            missingValue?: boolean;
+        };
+    }) => FilterBuilder;
+};
+type QuickFilterType = StringQuickFilter | NumberQuickFilter | DateQuickFilter | BooleanQuickFilter | CountryQuickFilter | MultiSelectQuickFilter | CustomQuickFilter;
+export type QuickFilter = {
+    title: string;
+    icon: string;
+    description?: string;
+    type: QuickFilterType;
+    column?: string;
+    info?: string;
+    active?: boolean;
+};
+export {};

package/dist/utils/filters/quickFilters.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.2.12",
+  "version": "3.3.0",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",
@@ -52,7 +52,8 @@
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
     "vite": "^5.0.0",
-    "vitest": "^0.25.3"
+    "vitest": "^0.25.3",
+    "svelte-dnd-action": "0.9.50"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",