draft-components 0.75.3 → 1.0.0-beta

package/lib/guards.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHTMLElement = exports.isFunction = void 0;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function isFunction(fn) {
-    return typeof fn === 'function';
-}
-exports.isFunction = isFunction;
-function isHTMLElement(element) {
-    return element instanceof HTMLElement;
-}
-exports.isHTMLElement = isHTMLElement;

package/lib/index.d.ts

@@ -1,7 +0,0 @@
-export * from './stack';
-export * as util from './util';
-export * as guards from './guards';
-export * as reactHelpers from './react-helpers';
-export * as keyboardHelpers from './keyboard-helpers';
-export * from './plain-date';
-export * from './plain-date-range';

package/lib/index.js

@@ -1,36 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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);
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardHelpers = exports.reactHelpers = exports.guards = exports.util = void 0;
-__exportStar(require("./stack"), exports);
-exports.util = __importStar(require("./util"));
-exports.guards = __importStar(require("./guards"));
-exports.reactHelpers = __importStar(require("./react-helpers"));
-exports.keyboardHelpers = __importStar(require("./keyboard-helpers"));
-__exportStar(require("./plain-date"), exports);
-__exportStar(require("./plain-date-range"), exports);

package/lib/keyboard-helpers.d.ts

@@ -1,22 +0,0 @@
-import { KeyboardEvent as ReactKeyboardEvent } from 'react';
-export declare enum KeyCode {
-    backspace = "Backspace",
-    tab = "Tab",
-    enter = "Enter",
-    capsLock = "CapsLock",
-    escape = "Escape",
-    space = "Space",
-    pageUp = "PageUp",
-    pageDown = "PageDown",
-    end = "End",
-    home = "Home",
-    arrowLeft = "ArrowLeft",
-    arrowUp = "ArrowUp",
-    arrowRight = "ArrowRight",
-    arrowDown = "ArrowDown",
-    insert = "Insert",
-    delete = "Delete"
-}
-declare type UniversalKeyboardEvent = KeyboardEvent | ReactKeyboardEvent;
-export declare function similarToClick(event: UniversalKeyboardEvent): boolean;
-export {};

package/lib/keyboard-helpers.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.similarToClick = exports.KeyCode = void 0;
-var KeyCode;
-(function (KeyCode) {
-    KeyCode["backspace"] = "Backspace";
-    KeyCode["tab"] = "Tab";
-    KeyCode["enter"] = "Enter";
-    KeyCode["capsLock"] = "CapsLock";
-    KeyCode["escape"] = "Escape";
-    KeyCode["space"] = "Space";
-    KeyCode["pageUp"] = "PageUp";
-    KeyCode["pageDown"] = "PageDown";
-    KeyCode["end"] = "End";
-    KeyCode["home"] = "Home";
-    KeyCode["arrowLeft"] = "ArrowLeft";
-    KeyCode["arrowUp"] = "ArrowUp";
-    KeyCode["arrowRight"] = "ArrowRight";
-    KeyCode["arrowDown"] = "ArrowDown";
-    KeyCode["insert"] = "Insert";
-    KeyCode["delete"] = "Delete";
-})(KeyCode = exports.KeyCode || (exports.KeyCode = {}));
-function similarToClick(event) {
-    return event.code === KeyCode.space || event.code === KeyCode.enter;
-}
-exports.similarToClick = similarToClick;

package/lib/plain-date-range.d.ts

@@ -1,15 +0,0 @@
-import { ISODate, PlainDate } from './plain-date';
-export interface ISODateRange {
-    start: ISODate;
-    end: ISODate;
-}
-export declare class PlainDateRange {
-    start: PlainDate;
-    end: PlainDate;
-    static create(): PlainDateRange;
-    static fromISODateRange(isoDateRange: ISODateRange): PlainDateRange;
-    constructor(start: PlainDate, end: PlainDate);
-    contains(date: PlainDate): boolean;
-    equals(range: PlainDateRange): boolean;
-    toISODateRange(): ISODateRange;
-}

package/lib/plain-date-range.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlainDateRange = void 0;
-const plain_date_1 = require("./plain-date");
-class PlainDateRange {
-    constructor(start, end) {
-        if (start.isAfter(end)) {
-            this.start = end;
-            this.end = start;
-        }
-        else {
-            this.start = start;
-            this.end = end;
-        }
-    }
-    static create() {
-        return new PlainDateRange(plain_date_1.PlainDate.now(), plain_date_1.PlainDate.now());
-    }
-    static fromISODateRange(isoDateRange) {
-        return new PlainDateRange(plain_date_1.PlainDate.fromISODate(isoDateRange.start), plain_date_1.PlainDate.fromISODate(isoDateRange.end));
-    }
-    contains(date) {
-        return this.start.isBeforeOrEqual(date) && this.end.isAfterOrEqual(date);
-    }
-    equals(range) {
-        return this.start.equals(range.start) && this.end.equals(range.end);
-    }
-    toISODateRange() {
-        return {
-            start: this.start.toISOString(),
-            end: this.end.toISOString(),
-        };
-    }
-}
-exports.PlainDateRange = PlainDateRange;

package/lib/plain-date.d.ts

@@ -1,38 +0,0 @@
-export declare type ISODate = string;
-export declare class PlainDate {
-    private readonly _date;
-    static readonly FIRST_WEEKDAY = 0;
-    static readonly LAST_WEEKDAY = 6;
-    static readonly DAYS_IN_WEEK = 7;
-    static readonly MONTHS_IN_YEAR = 12;
-    static now(): PlainDate;
-    static fromISODate(isoDate: ISODate): PlainDate;
-    private constructor();
-    get year(): number;
-    get month(): number;
-    get day(): number;
-    get lastDay(): number;
-    get weekday(): number;
-    get startOfWeek(): PlainDate;
-    get endOfWeek(): PlainDate;
-    get startOfMonth(): PlainDate;
-    get endOfMonth(): PlainDate;
-    isValid(): boolean;
-    equals(anotherDate: PlainDate): boolean;
-    isAfter(anotherDate: PlainDate): boolean;
-    isBefore(anotherDate: PlainDate): boolean;
-    isAfterOrEqual(anotherDate: PlainDate): boolean;
-    isBeforeOrEqual(anotherDate: PlainDate): boolean;
-    addDays(days: number): PlainDate;
-    addWeeks(weeks: number): PlainDate;
-    addMonths(months: number): PlainDate;
-    addYears(years: number): PlainDate;
-    toISOString(): ISODate;
-    format(options: {
-        weekday?: 'long' | 'short' | 'narrow';
-        era?: 'long' | 'short' | 'narrow';
-        year?: 'numeric' | '2-digit';
-        month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
-        day?: 'numeric' | '2-digit';
-    }, locale?: string): string;
-}

package/lib/plain-date.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlainDate = void 0;
-class PlainDate {
-    constructor(year, monthIndex, day) {
-        this._date = new Date(year, monthIndex, day);
-    }
-    static now() {
-        const date = new Date();
-        return new PlainDate(date.getFullYear(), date.getMonth(), date.getDate());
-    }
-    static fromISODate(isoDate) {
-        const date = new Date(isoDate);
-        return new PlainDate(date.getFullYear(), date.getMonth(), date.getDate());
-    }
-    get year() {
-        return this._date.getFullYear();
-    }
-    get month() {
-        return this._date.getMonth() + 1;
-    }
-    get day() {
-        return this._date.getDate();
-    }
-    get lastDay() {
-        return new Date(this._date.getFullYear(), this._date.getMonth() + 1, 0).getDate();
-    }
-    get weekday() {
-        let dayOfWeek = this._date.getDay() - 1;
-        if (dayOfWeek < PlainDate.FIRST_WEEKDAY) {
-            dayOfWeek = PlainDate.LAST_WEEKDAY;
-        }
-        return dayOfWeek;
-    }
-    get startOfWeek() {
-        const weekday = this.weekday;
-        return new PlainDate(this._date.getFullYear(), this._date.getMonth(), this._date.getDate() - weekday);
-    }
-    get endOfWeek() {
-        const weekday = this.weekday;
-        return new PlainDate(this._date.getFullYear(), this._date.getMonth(), this._date.getDate() + (PlainDate.LAST_WEEKDAY - weekday));
-    }
-    get startOfMonth() {
-        return new PlainDate(this._date.getFullYear(), this._date.getMonth(), 1);
-    }
-    get endOfMonth() {
-        return new PlainDate(this._date.getFullYear(), this._date.getMonth() + 1, 0);
-    }
-    isValid() {
-        return !Number.isNaN(this._date.getTime());
-    }
-    equals(anotherDate) {
-        return (this.year === anotherDate.year &&
-            this.month === anotherDate.month &&
-            this.day === anotherDate.day);
-    }
-    isAfter(anotherDate) {
-        return this._date > anotherDate._date;
-    }
-    isBefore(anotherDate) {
-        return this._date < anotherDate._date;
-    }
-    isAfterOrEqual(anotherDate) {
-        return this.equals(anotherDate) || this._date > anotherDate._date;
-    }
-    isBeforeOrEqual(anotherDate) {
-        return this.equals(anotherDate) || this._date <= anotherDate._date;
-    }
-    addDays(days) {
-        return new PlainDate(this._date.getFullYear(), this._date.getMonth(), this._date.getDate() + days);
-    }
-    addWeeks(weeks) {
-        return this.addDays((weeks >> 0) * PlainDate.DAYS_IN_WEEK);
-    }
-    addMonths(months) {
-        const day = this.day;
-        const date = new PlainDate(this._date.getFullYear(), this._date.getMonth() + (months >> 0), 1);
-        date._date.setDate(day > date.lastDay ? date.lastDay : day);
-        return date;
-    }
-    addYears(years) {
-        return this.addMonths((years >> 0) * PlainDate.MONTHS_IN_YEAR);
-    }
-    toISOString() {
-        if (!this.isValid()) {
-            return '';
-        }
-        return (String(this.year).padStart(4, '0') +
-            '-' +
-            String(this.month).padStart(2, '0') +
-            '-' +
-            String(this.day).padStart(2, '0'));
-    }
-    format(options, locale) {
-        const intl = new Intl.DateTimeFormat(locale, options);
-        return intl.format(this._date);
-    }
-}
-exports.PlainDate = PlainDate;
-PlainDate.FIRST_WEEKDAY = 0;
-PlainDate.LAST_WEEKDAY = 6;
-PlainDate.DAYS_IN_WEEK = 7;
-PlainDate.MONTHS_IN_YEAR = 12;

package/lib/react-helpers.d.ts

@@ -1,9 +0,0 @@
-import { MutableRefObject, RefCallback } from 'react';
-export declare type ClassName = string | number | boolean | undefined | null | ClassNameList | ClassNameMap;
-export declare type ClassNameList = ClassName[];
-export declare type ClassNameMap = {
-    [className: string]: unknown;
-};
-export declare function classNames(...classes: ClassName[]): string;
-export declare type MaybeRef<T> = MutableRefObject<T> | RefCallback<T> | null | undefined;
-export declare function mergeRefs<T>(...refs: MaybeRef<T>[]): RefCallback<T>;

package/lib/react-helpers.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.classNames = void 0;
-const guards_1 = require("./guards");
-function classNames(...classes) {
-    let classString = '';
-    for (const cn of classes) {
-        if (cn !== 0 && !cn) {
-            continue;
-        }
-        if (Array.isArray(cn)) {
-            classString += classNames(...cn) + ' ';
-        }
-        else if (typeof cn === 'object') {
-            for (const key of Object.keys(cn)) {
-                if (cn[key]) {
-                    classString += key + ' ';
-                }
-            }
-        }
-        else {
-            classString += cn + ' ';
-        }
-    }
-    return classString.trimEnd();
-}
-exports.classNames = classNames;
-function mergeRefs(...refs) {
-    return (instance) => {
-        for (const ref of refs) {
-            if (ref) {
-                if ((0, guards_1.isFunction)(ref)) {
-                    ref(instance);
-                }
-                else {
-                    ref.current = instance;
-                }
-            }
-        }
-    };
-}
-exports.mergeRefs = mergeRefs;

package/lib/stack.d.ts

@@ -1,11 +0,0 @@
-export declare class Stack<T> {
-    private readonly _items;
-    constructor(items?: T[]);
-    get last(): T | undefined;
-    get count(): number;
-    get isEmpty(): boolean;
-    push(item: T): void;
-    pop(): T | undefined;
-    remove(item: T): T | undefined;
-    isLast(item: T): boolean;
-}

package/lib/stack.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stack = void 0;
-class Stack {
-    constructor(items = []) {
-        this._items = items;
-    }
-    get last() {
-        return this._items[this._items.length - 1];
-    }
-    get count() {
-        return this._items.length;
-    }
-    get isEmpty() {
-        return !this.count;
-    }
-    push(item) {
-        this._items.push(item);
-    }
-    pop() {
-        return this._items.pop();
-    }
-    remove(item) {
-        const itemIndex = this._items.lastIndexOf(item);
-        if (~itemIndex) {
-            const [item] = this._items.splice(itemIndex, 1);
-            return item;
-        }
-    }
-    isLast(item) {
-        return this.last === item;
-    }
-}
-exports.Stack = Stack;

package/lib/util.d.ts

@@ -1,5 +0,0 @@
-export declare function noop(): void;
-export declare function once<T extends (...args: any[]) => any>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
-export declare function randomInt(min: number, max: number): number;
-export declare function randomString(size: number): string;
-export declare function uniqueId(prefix?: string): string;

package/lib/util.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uniqueId = exports.randomString = exports.randomInt = exports.once = exports.noop = void 0;
-function noop() {
-    return;
-}
-exports.noop = noop;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function once(fn) {
-    let called = false;
-    let result;
-    return (...args) => {
-        if (!called) {
-            called = true;
-            result = fn(...args);
-        }
-        return result;
-    };
-}
-exports.once = once;
-function randomInt(min, max) {
-    if (min >= max) {
-        throw new Error(`randomInt: parameter "min" must be less than "max".`);
-    }
-    return Math.floor(Math.random() * (max - min)) + min;
-}
-exports.randomInt = randomInt;
-function randomString(size) {
-    if (size < 1) {
-        throw new Error(`randomString: "size" parameter must be greater than 0.`);
-    }
-    const chars = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789`;
-    return Array.from({ length: size })
-        .map(() => chars[randomInt(0, chars.length - 1)])
-        .join('');
-}
-exports.randomString = randomString;
-function uniqueId(prefix) {
-    return (prefix !== null && prefix !== void 0 ? prefix : '') + randomString(5);
-}
-exports.uniqueId = uniqueId;

package/scss/abstracts/_functions.scss

@@ -1,82 +0,0 @@
-@use 'sass:math';
-
-@function px-to-rem($size, $context: 16px) {
-  @return math.div($size, $context) * 1rem;
-}
-
-@function rem-to-px($size, $context: 16px) {
-  @return math.div($size, 1rem) * $context;
-}
-
-@function px-to-em($size, $context: 16px) {
-  @return math.div($size, $context) * 1em;
-}
-
-@function em-to-px($size, $context: 16px) {
-  @return math.div($size / 1em) * $context;
-}
-
-// https://css-tricks.com/snippets/sass/strip-unit-function/
-@function strip-unit($number) {
-  @if type-of($number) == 'number' and not unitless($number) {
-    @return math.div($number, ($number * 0 + 1));
-  }
-
-  @return $number;
-}
-
-// https://gist.github.com/JacobDB/0ffffaf8e772c12acf7102edb8a302be
-@function str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
-
-  @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace +
-      str-replace(
-        str-slice($string, $index + str-length($search)),
-        $search,
-        $replace
-      );
-  }
-
-  @return $string;
-}
-
-@function url-encode($string) {
-  $map: (
-    '%': '%25',
-    '<': '%3C',
-    '>': '%3E',
-    ' ': '%20',
-    '!': '%21',
-    '*': '%2A',
-    "'": '%27',
-    '"': '%22',
-    '(': '%28',
-    ')': '%29',
-    ';': '%3B',
-    ':': '%3A',
-    '@': '%40',
-    '&': '%26',
-    '=': '%3D',
-    '+': '%2B',
-    '$': '%24',
-    ',': '%2C',
-    '/': '%2F',
-    '?': '%3F',
-    '#': '%23',
-    '[': '%5B',
-    ']': '%5D',
-  );
-
-  $new: $string;
-
-  @each $search, $replace in $map {
-    $new: str-replace($new, $search, $replace);
-  }
-
-  @return $new;
-}
-
-@function inline-svg($string) {
-  @return url('data:image/svg+xml,#{url-encode($string)}');
-}

package/scss/abstracts/_index.scss

@@ -1,3 +0,0 @@
-@import 'variables';
-@import 'functions';
-@import 'mixins';

package/scss/abstracts/_mixins.scss

@@ -1,23 +0,0 @@
-@mixin focus-ring($color: var(--dc-focus-ring-color)) {
-  box-shadow: 0 0 0 0.2rem $color;
-}
-
-@mixin focus-ring-inset($color: var(--dc-focus-ring-color)) {
-  box-shadow: inset 0 0 0 0.2rem $color;
-}
-
-@mixin text-truncate() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@mixin visually-hidden() {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}