sprintify-ui 0.0.0

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

@@ -0,0 +1,253 @@
+import { AxiosInstance } from 'axios';
+import { App } from 'vue';
+import { I18n } from 'vue-i18n';
+declare const messages: {
+    en: {
+        sui: {
+            and: string;
+            apply_filters: string;
+            autocomplete_placeholder: string;
+            cancel: string;
+            clear: string;
+            click_or_select_date: string;
+            click_to_copy: string;
+            columns: string;
+            confirm: string;
+            copied: string;
+            create_new: string;
+            day: string;
+            delete_record: string;
+            delete_record_description: string;
+            deselect_all: string;
+            drop_or_click_to_upload: string;
+            error: string;
+            file_must_be_of_type: string;
+            filters: string;
+            min_x_characters: string;
+            month: string;
+            next: string;
+            next_month: string;
+            nothing_found: string;
+            or: string;
+            pagination_detail: string;
+            previous: string;
+            previous_month: string;
+            read_more: string;
+            remove: string;
+            remove_file: string;
+            remove_file_description: string;
+            select_an_item: string;
+            select_an_option: string;
+            success: string;
+            the_file_size_must_not_exceed_x: string;
+            the_file_type_is_invalid: string;
+            type_to_start_your_search: string;
+            up_to_x: string;
+            whoops: string;
+            x_rows_selected: string;
+            year: string;
+            yes_delete: string;
+            you_can_upload_up_to_n_files: string;
+            you_cannot_select_more_than_x_items: string;
+            units: {
+                b: string;
+                gb: string;
+                kb: string;
+                mb: string;
+                tb: string;
+            };
+        };
+    };
+    fr: {
+        sui: {
+            and: string;
+            apply_filters: string;
+            autocomplete_placeholder: string;
+            cancel: string;
+            clear: string;
+            click_or_select_date: string;
+            click_to_copy: string;
+            columns: string;
+            confirm: string;
+            copied: string;
+            create_new: string;
+            day: string;
+            delete_record: string;
+            delete_record_description: string;
+            deselect_all: string;
+            drop_or_click_to_upload: string;
+            error: string;
+            file_must_be_of_type: string;
+            filters: string;
+            min_x_characters: string;
+            month: string;
+            next: string;
+            next_month: string;
+            nothing_found: string;
+            or: string;
+            pagination_detail: string;
+            previous: string;
+            previous_month: string;
+            read_more: string;
+            remove: string;
+            remove_file: string;
+            remove_file_description: string;
+            select_an_item: string;
+            select_an_option: string;
+            success: string;
+            the_file_size_must_not_exceed_x: string;
+            the_file_type_is_invalid: string;
+            type_to_start_your_search: string;
+            up_to_x: string;
+            whoops: string;
+            x_rows_selected: string;
+            year: string;
+            yes_delete: string;
+            you_can_upload_up_to_n_files: string;
+            you_cannot_select_more_than_x_items: string;
+            units: {
+                b: string;
+                gb: string;
+                kb: string;
+                mb: string;
+                tb: string;
+            };
+        };
+    };
+};
+interface SprintifyUIConfig {
+    i18n?: I18n<typeof messages, {}, {}, string, true>;
+    http?: AxiosInstance;
+    upload_url?: string;
+    formatQueryString?: (params: Record<string, any>) => string;
+    parseQueryString?: (params: string) => Record<string, any>;
+}
+declare const pluginConfig: {
+    i18n: I18n<{
+        en: {
+            sui: {
+                and: string;
+                apply_filters: string;
+                autocomplete_placeholder: string;
+                cancel: string;
+                clear: string;
+                click_or_select_date: string;
+                click_to_copy: string;
+                columns: string;
+                confirm: string;
+                copied: string;
+                create_new: string;
+                day: string;
+                delete_record: string;
+                delete_record_description: string;
+                deselect_all: string;
+                drop_or_click_to_upload: string;
+                error: string;
+                file_must_be_of_type: string;
+                filters: string;
+                min_x_characters: string;
+                month: string;
+                next: string;
+                next_month: string;
+                nothing_found: string;
+                or: string;
+                pagination_detail: string;
+                previous: string;
+                previous_month: string;
+                read_more: string;
+                remove: string;
+                remove_file: string;
+                remove_file_description: string;
+                select_an_item: string;
+                select_an_option: string;
+                success: string;
+                the_file_size_must_not_exceed_x: string;
+                the_file_type_is_invalid: string;
+                type_to_start_your_search: string;
+                up_to_x: string;
+                whoops: string;
+                x_rows_selected: string;
+                year: string;
+                yes_delete: string;
+                you_can_upload_up_to_n_files: string;
+                you_cannot_select_more_than_x_items: string;
+                units: {
+                    b: string;
+                    gb: string;
+                    kb: string;
+                    mb: string;
+                    tb: string;
+                };
+            };
+        };
+        fr: {
+            sui: {
+                and: string;
+                apply_filters: string;
+                autocomplete_placeholder: string;
+                cancel: string;
+                clear: string;
+                click_or_select_date: string;
+                click_to_copy: string;
+                columns: string;
+                confirm: string;
+                copied: string;
+                create_new: string;
+                day: string;
+                delete_record: string;
+                delete_record_description: string;
+                deselect_all: string;
+                drop_or_click_to_upload: string;
+                error: string;
+                file_must_be_of_type: string;
+                filters: string;
+                min_x_characters: string;
+                month: string;
+                next: string;
+                next_month: string;
+                nothing_found: string;
+                or: string;
+                pagination_detail: string;
+                previous: string;
+                previous_month: string;
+                read_more: string;
+                remove: string;
+                remove_file: string;
+                remove_file_description: string;
+                select_an_item: string;
+                select_an_option: string;
+                success: string;
+                the_file_size_must_not_exceed_x: string;
+                the_file_type_is_invalid: string;
+                type_to_start_your_search: string;
+                up_to_x: string;
+                whoops: string;
+                x_rows_selected: string;
+                year: string;
+                yes_delete: string;
+                you_can_upload_up_to_n_files: string;
+                you_cannot_select_more_than_x_items: string;
+                units: {
+                    b: string;
+                    gb: string;
+                    kb: string;
+                    mb: string;
+                    tb: string;
+                };
+            };
+        };
+    }, {}, {}, string, true>;
+    http: AxiosInstance;
+    upload_url: string;
+    formatQueryString(params: Record<string, any>): string;
+    parseQueryString(params: string): Record<string, any>;
+};
+declare function install(app: App, config: SprintifyUIConfig): void;
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export * from './components';
+export * from './constants';
+export * from './utils';
+export { pluginConfig as config };

package/dist/types/src/types/Media.d.ts

@@ -0,0 +1,8 @@
+interface Media {
+    id: string;
+    file_name: string;
+    size: number;
+    mime_type: string;
+    url: string;
+}
+export { Media };

package/dist/types/src/types/UploadedFile.d.ts

@@ -0,0 +1,9 @@
+interface UploadedFile {
+    id: string;
+    file_name: string;
+    size: number;
+    mime_type: string;
+    original_file?: File;
+    data_url?: string;
+}
+export { UploadedFile };

package/dist/types/src/types/User.d.ts

@@ -0,0 +1,6 @@
+interface User {
+    full_name: string;
+    email?: string;
+    avatar_url?: string;
+}
+export { User };

package/dist/types/src/types/types.d.ts

@@ -0,0 +1,88 @@
+import { RouteLocationRaw } from 'vue-router';
+import { UploadedFile } from './UploadedFile';
+export interface Breadcrumb {
+    icon?: string;
+    to: RouteLocationRaw;
+    label: string;
+}
+export interface DataTableQuery extends Record<string, any> {
+    page?: number;
+    sort?: string;
+    search?: string;
+    filter?: Record<string, any>;
+}
+export type OptionValue = string | number;
+export type Option = Record<string, any>;
+export type Selection = Record<string, any> | null | undefined;
+export type NormalizedOption = {
+    option: Option;
+    value: OptionValue;
+    label: string;
+};
+export type NormalizedSelection = NormalizedOption | null | undefined;
+export type MediaLibraryPayload = {
+    to_remove: string[];
+    to_add: UploadedFile[];
+};
+export interface PaginationMetadata {
+    current_page: number;
+    per_page: number;
+    last_page: number;
+    total: number;
+}
+export interface CollectionItem {
+    [key: string]: any;
+}
+export type Collection = CollectionItem[];
+export interface ResourceCollection {
+    meta: PaginationMetadata;
+    data: Collection;
+}
+export interface PaginatedCollection extends PaginationMetadata {
+    data: Collection;
+}
+export interface MenuItemInterface {
+    label?: string;
+    icon?: string;
+    action?: () => Promise<void> | void;
+    to?: RouteLocationRaw;
+    href?: string;
+    line?: boolean;
+    count?: number;
+    color?: 'dark' | 'light' | 'danger' | 'success' | 'warning';
+}
+export interface ActionItem {
+    label: string;
+    type: 'RouterLink' | 'a' | 'button';
+    href?: string;
+    to?: RouteLocationRaw;
+    action?: () => Promise<void> | void;
+    icon?: string;
+    count?: number;
+    meta?: Record<string, any>;
+}
+export interface ActionSection {
+    title: string;
+    actions: ActionItem[];
+}
+export type Row = Record<string, any>;
+export interface BaseTableColumn {
+    id: string;
+    label: string;
+    field: string;
+    meta: undefined | Record<string, any>;
+    newKey: number;
+    numeric: boolean;
+    position: 'left' | 'right';
+    searchable: boolean;
+    sortable: boolean;
+    visible: boolean;
+    alwaysVisible: boolean;
+    optional: boolean;
+    width: number;
+    style: {
+        width: undefined | number;
+    };
+    thAttrs: (column: BaseTableColumn) => Record<string, any>;
+    tdAttrs: (row: Row, column: BaseTableColumn) => Record<string, any>;
+}

package/dist/types/src/utils/fileSizeFormat.d.ts

@@ -0,0 +1 @@
+export default function (size: number): string;

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

@@ -0,0 +1,4 @@
+import toHumanList from './toHumanList';
+import fileSizeFormat from './fileSizeFormat';
+import { disableScroll, enableScroll } from './scrollPreventer';
+export { toHumanList, fileSizeFormat, disableScroll, enableScroll };

package/dist/types/src/utils/scrollPreventer.d.ts

@@ -0,0 +1,4 @@
+import { ScrollableTarget } from 'scroll-lock';
+declare function disableScroll(allow?: ScrollableTarget | null): void;
+declare function enableScroll(): void;
+export { disableScroll, enableScroll };

package/dist/types/src/utils/toHumanList.d.ts

@@ -0,0 +1 @@
+export default function (list: string[], conjunction?: string): string;

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "sprintify-ui",
+  "version": "0.0.0",
+  "scripts": {
+    "build": "rimraf dist && vue-tsc && vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "peerDependencies": {
+    "@headlessui/vue": "^1.7.0",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
+    "@tailwindcss/typography": "^0.5.8",
+    "@vueuse/core": "^9.0.0",
+    "axios": "^1.0.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.0.0",
+    "pinia": "^2.0.0",
+    "qs": "^6.0.0",
+    "tailwindcss": "^3.0.0",
+    "vue": "^3.0.0",
+    "vue-i18n": "^9.0.0",
+    "vue-router": "^4.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@headlessui/vue": "^1.7.4",
+    "@iconify/vue": "^4.0.0",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-interactions": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/builder-vite": "^0.2.5",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/vue3": "^6.5.13",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
+    "@tailwindcss/typography": "^0.5.8",
+    "@types/luxon": "^3.1.0",
+    "@types/node": "^17.0.45",
+    "@types/object-hash": "^2.2.1",
+    "@types/pikaday": "^1.7.6",
+    "@types/qs": "^6.9.7",
+    "@types/scroll-lock": "^2.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.42.1",
+    "@typescript-eslint/parser": "^5.42.1",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vueuse/core": "^9.5.0",
+    "autoprefixer": "^10.4.13",
+    "axios": "^1.1.3",
+    "babel-loader": "^8.3.0",
+    "eslint": "^8.27.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-storybook": "^0.6.7",
+    "eslint-plugin-vue": "^9.7.0",
+    "eslint-plugin-vue-scoped-css": "^2.2.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.1.0",
+    "object-hash": "^3.0.0",
+    "pikaday": "^1.8.2",
+    "pinia": "^2.0.23",
+    "postcss": "^8.4.19",
+    "postcss-import": "^15.0.0",
+    "prettier": "^2.7.1",
+    "prettier-plugin-tailwindcss": "^0.1.13",
+    "qs": "^6.11.0",
+    "rimraf": "^3.0.2",
+    "scroll-lock": "^2.1.5",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.4.4",
+    "unplugin-auto-import": "^0.11.4",
+    "vite": "^3.2.4",
+    "vitepress": "^0.21.6",
+    "vue": "^3.2.25",
+    "vue-i18n": "^9.2.2",
+    "vue-loader": "^16.8.3",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.0.9"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "types": "./dist/types/index.d.ts",
+  "module": "./dist/sprintify-ui.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/sprintify-ui.es.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  }
+}

package/src/assets/button.css

@@ -0,0 +1,80 @@
+.btn {
+	@apply text-center relative inline-block cursor-pointer select-none rounded-md border px-4 py-2.5 text-sm transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
+	@apply btn-default;
+}
+
+.btn.btn-xs {
+	@apply px-2 py-1 text-xs leading-4;
+}
+
+.btn.btn-sm {
+	@apply px-3 py-2 text-sm leading-4;
+}
+
+.btn.btn-md {
+	@apply px-4 py-2.5 text-sm;
+}
+
+.btn.btn-lg {
+	@apply px-5 py-3 text-base;
+}
+
+.btn.btn-xl {
+	@apply px-6 py-4 text-base;
+}
+
+.btn-default {
+	@apply border-slate-300 bg-white text-slate-600 hover:bg-slate-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
+}
+
+.btn.btn-primary {
+	@apply border-transparent bg-primary-500 text-white hover:bg-primary-700 focus-visible:ring-primary-500 disabled:hover:bg-primary-500;
+}
+
+.btn.btn-secondary {
+	@apply border-transparent bg-primary-200 text-primary-700 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-primary-100;
+}
+
+.btn.btn-secondary-outline {
+	@apply border-primary-400 bg-primary-200 text-primary-700 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-primary-100;
+}
+
+.btn.btn-slate-100 {
+	@apply border-transparent bg-slate-100 text-slate-700 hover:bg-slate-200 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
+}
+
+.btn.btn-slate-100-outline {
+	@apply border-slate-200 bg-slate-100 text-slate-700 hover:bg-slate-50 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
+}
+
+.btn.btn-slate-200 {
+	@apply border-transparent bg-slate-200 text-slate-800 hover:bg-slate-300 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
+}
+
+.btn.btn-slate-200-outline {
+	@apply border-slate-300 bg-slate-200 text-slate-800 hover:bg-slate-300 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
+}
+
+.btn.btn-white {
+	@apply border-transparent bg-white text-slate-600 hover:bg-slate-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
+}
+
+.btn.btn-white-outline {
+	@apply btn-default;
+}
+
+.btn.btn-white-outline-primary {
+	@apply border-primary-400 bg-white text-primary-600 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
+}
+
+.btn.btn-black {
+	@apply border-transparent bg-slate-900 text-white hover:bg-slate-800 focus-visible:ring-slate-900 disabled:hover:bg-slate-900;
+}
+
+.btn.btn-danger {
+	@apply border-transparent bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-300 disabled:hover:bg-red-600;
+}
+
+.btn.btn-warning {
+	@apply border-transparent bg-yellow-400 text-yellow-900 hover:bg-yellow-200 focus-visible:ring-yellow-300 disabled:hover:bg-yellow-300;
+}

package/src/assets/form.css

@@ -0,0 +1,15 @@
+
+.form-input-label {
+    @apply block text-sm leading-tight text-slate-600;
+}
+
+.form-input-error {
+    @apply text-sm leading-tight text-red-600;
+}
+
+/** Placehoder color */
+
+input,
+textarea {
+  @apply placeholder-slate-400;
+}

package/src/assets/main.css

@@ -0,0 +1,3 @@
+@import './pikaday.css';
+@import './form.css';
+@import './form.css';