@soul-refiner/design-system 0.1.28 → 0.1.30

package/dist/icons/time/index.d.ts

@@ -0,0 +1,19 @@
+export { Alarm } from './alarm';
+export { AlarmCheckmark } from './alarm_checkmark';
+export { AlarmMinus } from './alarm_minus';
+export { AlarmPlus } from './alarm_plus';
+export { AlarmSlash } from './alarm_slash';
+export { AlarmSnooze } from './alarm_snooze';
+export { Calendar } from './calendar';
+export { CalendarAdd } from './calendar_add';
+export { CalendarCheckmark } from './calendar_checkmark';
+export { CalendarClose } from './calendar_close';
+export { CalendarDates } from './calendar_dates';
+export { CalendarMinus } from './calendar_minus';
+export { CalendarPlus } from './calendar_plus';
+export { CalendarScroll } from './calendar_scroll';
+export { Clock } from './clock';
+export { ClockHistory } from './clock_history';
+export { Stopwatch } from './stopwatch';
+export { Timer } from './timer';
+export { Watch } from './watch';

package/dist/icons/time/index.js

@@ -0,0 +1,19 @@
+export { Alarm } from './alarm';
+export { AlarmCheckmark } from './alarm_checkmark';
+export { AlarmMinus } from './alarm_minus';
+export { AlarmPlus } from './alarm_plus';
+export { AlarmSlash } from './alarm_slash';
+export { AlarmSnooze } from './alarm_snooze';
+export { Calendar } from './calendar';
+export { CalendarAdd } from './calendar_add';
+export { CalendarCheckmark } from './calendar_checkmark';
+export { CalendarClose } from './calendar_close';
+export { CalendarDates } from './calendar_dates';
+export { CalendarMinus } from './calendar_minus';
+export { CalendarPlus } from './calendar_plus';
+export { CalendarScroll } from './calendar_scroll';
+export { Clock } from './clock';
+export { ClockHistory } from './clock_history';
+export { Stopwatch } from './stopwatch';
+export { Timer } from './timer';
+export { Watch } from './watch';

package/dist/icons/time/stopwatch.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const Stopwatch: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/stopwatch.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Stopwatch = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.33333 2.70325V1.99996H6.66667V0.666626H9.33333V1.99996H8.66667V2.70325C9.82367 2.83115 10.8815 3.28802 11.7446 3.97827L12.8609 2.85706L13.8058 3.7978L12.6875 4.92098C13.5089 5.9475 14 7.24971 14 8.66663C14 11.9803 11.3137 14.6666 8 14.6666C4.68629 14.6666 2 11.9803 2 8.66663C2 5.57826 4.33337 3.03487 7.33333 2.70325ZM8 13.3333C10.5773 13.3333 12.6667 11.244 12.6667 8.66663C12.6667 6.0893 10.5773 3.99996 8 3.99996C5.42267 3.99996 3.33333 6.0893 3.33333 8.66663C3.33333 11.244 5.42267 13.3333 8 13.3333ZM8.66667 9.33329V5.33329H7.33333V9.33329H8.66667Z" })));
+};

package/dist/icons/time/timer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const Timer: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/timer.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Timer = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.66602 4.66663V2.03658C11.666 2.36821 13.9993 4.91159 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 6.38247 2.64146 4.8684 3.76468 3.74936L2.82363 2.8048C1.45178 4.17155 0.666016 6.02434 0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626H7.33268V4.66663H8.66602ZM7.99935 6.66663C7.87991 6.66663 7.76414 6.68233 7.65399 6.71179L5.13742 4.19522L4.19461 5.13803L6.71118 7.6546C6.68172 7.76475 6.66602 7.88052 6.66602 7.99996C6.66602 8.73634 7.26297 9.33329 7.99935 9.33329C8.73573 9.33329 9.33268 8.73634 9.33268 7.99996C9.33268 7.26358 8.73573 6.66663 7.99935 6.66663Z" })));
+};

package/dist/icons/time/watch.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const Watch: (props: IconProps) => React.JSX.Element;

package/dist/icons/time/watch.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Watch = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99935 0.666626H5.99935C5.7017 0.666626 5.4401 0.863944 5.35833 1.15015L4.56779 3.91705C3.40496 4.89539 2.66602 6.36138 2.66602 7.99996C2.66602 9.63854 3.40496 11.1045 4.56779 12.0829L5.35833 14.8498C5.4401 15.136 5.7017 15.3333 5.99935 15.3333H9.99935C10.297 15.3333 10.5586 15.136 10.6404 14.8498L11.4309 12.0829C12.4335 11.2393 13.121 10.0333 13.2914 8.66663H13.9993V7.33329H13.2914C13.121 5.96665 12.4335 4.76059 11.4309 3.91705L10.6404 1.15015C10.5586 0.863944 10.297 0.666626 9.99935 0.666626ZM7.99935 2.66663C8.62126 2.66663 9.21831 2.77307 9.77328 2.96874L9.49648 1.99996H6.50222L6.22542 2.96874C6.78038 2.77307 7.37744 2.66663 7.99935 2.66663ZM6.50222 14L6.22542 13.0312C6.78038 13.2268 7.37744 13.3333 7.99935 13.3333C8.62126 13.3333 9.21831 13.2268 9.77328 13.0312L9.49648 14H6.50222ZM11.9993 7.99996C11.9993 10.2091 10.2085 12 7.99935 12C5.79021 12 3.99935 10.2091 3.99935 7.99996C3.99935 5.79082 5.79021 3.99996 7.99935 3.99996C10.2085 3.99996 11.9993 5.79082 11.9993 7.99996ZM8.66602 7.33329H9.99935V8.66663H7.33268V5.33329H8.66602V7.33329Z" })));
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * as Icons from './icons';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+import * as Icons_1 from './icons';
+export { Icons_1 as Icons };

package/dist/types/attributes.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { COLORS } from 'common';
+export type Align = 'center' | 'flex-start' | 'flex-end' | 'baseline' | 'stretch';
+export type Justify = 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'stretch';
+export type Sizes = 'extra-small' | 'small' | 'medium' | 'medium-large' | 'large' | 'extra-large' | 'full';
+export type BorderRadius = {
+    $borderRadius?: Sizes;
+};
+export type BackgroundColor = {
+    $backgroundColor?: (typeof COLORS)[number];
+};
+export type Color = {
+    $color?: (typeof COLORS)[number];
+};
+export type Elevation = {
+    $elevation?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+};
+export type Flex = {
+    $align?: Align;
+    $gap?: Sizes | number;
+    $flex?: number;
+    $flow?: string;
+    $dir?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    $justify?: Justify;
+};
+export type Margin = {
+    $margin?: Sizes | number;
+};
+export type Padding = {
+    $padding?: Sizes | number;
+};
+export type Polymorphic = {
+    as?: React.ElementType;
+};
+export type Styleable = {
+    sx?: string;
+};
+export type TextClamp = {
+    $textClampLines?: number;
+};
+export type TypographyWeight = {
+    $bold?: boolean;
+    $semiBold?: boolean;
+    $mediumBold?: boolean;
+};
+export type TypographyStyle = {
+    $italic?: boolean;
+    $strikethrough?: boolean;
+    $underline?: boolean;
+};

package/dist/types/attributes.js

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

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export type { Align, BackgroundColor, BorderRadius, Color, Elevation, Flex, Justify, Margin, Padding, Polymorphic, Sizes, Styleable, TextClamp, TypographyStyle, TypographyWeight, } from './attributes';

package/dist/types/index.js

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

package/dist/utils/date.d.ts

@@ -0,0 +1,17 @@
+export declare const zeroPad: (value: number, length: number) => string;
+export declare const getMonthDays: (month?: number, year?: number) => 28 | 31 | 29 | 30;
+export declare const getMonthFirstDay: (month?: number, year?: number) => number;
+export declare const isDate: (date: Date) => boolean;
+export declare const isSameMonth: (date: Date, basedate?: Date) => boolean;
+export declare const isSameDay: (date: Date, basedate?: Date) => boolean;
+export declare const getDateISO: (date?: Date) => string | null;
+export declare const getPreviousMonth: (month: number, year: number) => {
+    month: number;
+    year: number;
+};
+export declare const getNextMonth: (month: number, year: number) => {
+    month: number;
+    year: number;
+};
+export declare const buildCalendar: (month?: number, year?: number) => (string | number)[][][];
+export declare const calendarIntoWeeks: (calendar: (string | number)[][]) => (string | number)[][][];

package/dist/utils/date.js

@@ -0,0 +1,98 @@
+import { THIS_MONTH, THIS_YEAR, CALENDAR_WEEKS } from 'common';
+export const zeroPad = (value, length) => {
+    return `${value}`.padStart(length, '0');
+};
+export const getMonthDays = (month = THIS_MONTH, year = THIS_YEAR) => {
+    const MONTHS_WITH_30 = [4, 6, 9, 11];
+    const leapYear = year % 4 === 0;
+    return month === 2
+        ? leapYear
+            ? 29
+            : 28
+        : MONTHS_WITH_30.includes(month)
+            ? 30
+            : 31;
+};
+export const getMonthFirstDay = (month = THIS_MONTH, year = THIS_YEAR) => {
+    return +new Date(`${year}-${zeroPad(month, 2)}-01`).getDay() + 1;
+};
+export const isDate = (date) => {
+    const isDate = Object.prototype.toString.call(date) === '[object Date]';
+    const isValidDate = date && !Number.isNaN(date.valueOf());
+    return isDate && isValidDate;
+};
+export const isSameMonth = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
+        return false;
+    const basedateMonth = +basedate.getMonth() + 1;
+    const basedateYear = basedate.getFullYear();
+    const dateMonth = +date.getMonth() + 1;
+    const dateYear = date.getFullYear();
+    return +basedateMonth === +dateMonth && +basedateYear === +dateYear;
+};
+export const isSameDay = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
+        return false;
+    const basedateDate = basedate.getDate();
+    const basedateMonth = +basedate.getMonth() + 1;
+    const basedateYear = basedate.getFullYear();
+    const dateDate = date.getDate();
+    const dateMonth = +date.getMonth() + 1;
+    const dateYear = date.getFullYear();
+    return (+basedateDate === +dateDate &&
+        +basedateMonth === +dateMonth &&
+        +basedateYear === +dateYear);
+};
+export const getDateISO = (date = new Date()) => {
+    if (!isDate(date))
+        return null;
+    return [
+        date.getFullYear(),
+        zeroPad(+date.getMonth() + 1, 2),
+        zeroPad(+date.getDate(), 2),
+    ].join('-');
+};
+export const getPreviousMonth = (month, year) => {
+    const prevMonth = month > 1 ? month - 1 : 12;
+    const prevMonthYear = month > 1 ? year : year - 1;
+    return { month: prevMonth, year: prevMonthYear };
+};
+export const getNextMonth = (month, year) => {
+    const nextMonth = month < 12 ? month + 1 : 1;
+    const nextMonthYear = month < 12 ? year : year + 1;
+    return { month: nextMonth, year: nextMonthYear };
+};
+export const buildCalendar = (month = THIS_MONTH, year = THIS_YEAR) => {
+    const monthDays = getMonthDays(month, year);
+    const monthFirstDay = getMonthFirstDay(month, year);
+    const daysFromPrevMonth = monthFirstDay - 1;
+    const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const { month: prevMonth, year: prevMonthYear } = getPreviousMonth(month, year);
+    const { month: nextMonth, year: nextMonthYear } = getNextMonth(month, year);
+    const prevMonthDays = getMonthDays(prevMonth, prevMonthYear);
+    const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {
+        const day = index + 1 + (prevMonthDays - daysFromPrevMonth);
+        return [prevMonthYear, zeroPad(prevMonth, 2), zeroPad(day, 2)];
+    });
+    const thisMonthDates = [...new Array(monthDays)].map((n, index) => {
+        const day = index + 1;
+        return [year, zeroPad(month, 2), zeroPad(day, 2)];
+    });
+    const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {
+        const day = index + 1;
+        return [nextMonthYear, zeroPad(nextMonth, 2), zeroPad(day, 2)];
+    });
+    return calendarIntoWeeks([
+        ...prevMonthDates,
+        ...thisMonthDates,
+        ...nextMonthDates,
+    ]);
+};
+export const calendarIntoWeeks = (calendar) => {
+    const res = [];
+    while (calendar.length > 0) {
+        const chunk = calendar.splice(0, 7);
+        res.push(chunk);
+    }
+    return res;
+};

package/dist/utils/function.d.ts

@@ -0,0 +1 @@
+export declare const callAll: (...fns: ((...args: unknown[]) => unknown)[]) => (...args: any) => void;

package/dist/utils/function.js

@@ -0,0 +1 @@
+export const callAll = (...fns) => (...args) => fns.forEach((fn) => fn && fn(...args));

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { buildCalendar, calendarIntoWeeks, getDateISO, getMonthDays, getMonthFirstDay, getNextMonth, getPreviousMonth, isDate, isSameDay, isSameMonth, zeroPad, } from './date';
+export { callAll } from './function';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { buildCalendar, calendarIntoWeeks, getDateISO, getMonthDays, getMonthFirstDay, getNextMonth, getPreviousMonth, isDate, isSameDay, isSameMonth, zeroPad, } from './date';
+export { callAll } from './function';

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.28",
-  "main": "src/index.ts",
+  "version": "0.1.30",
+  "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "include": [
-    "/src"
+    "/dist"
   ],
   "sideEffects": [
     "**/*.css"
   ],
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.ts",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.0.10",
     "@storybook/addon-interactions": "^7.0.10",
@@ -39,6 +39,7 @@
     "vite-tsconfig-paths": "^4.2.0"
   },
   "scripts": {
+    "build": "tsc --build .",
     "format": "prettier --write .",
     "lint": "yarn eslint ./**/*.{ts,tsx}",
     "storybook": "storybook dev -p 6006",
@@ -61,22 +62,5 @@
     "slate-hyperscript": "^0.77.0",
     "slate-react": "^0.97.1",
     "styled-components": "^6.0.0-rc.3"
-  },
-  "peerDependencies": {
-    "@emoji-mart/react": "^1.1.1",
-    "@udecode/plate": "^22.0.1",
-    "emoji-mart": "^5.5.2",
-    "react": "^18.2.0",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
-    "react-tooltip": "^5.18.0",
-    "scheduler": "^0.23.0",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-hyperscript": "^0.77.0",
-    "slate-react": "^0.97.1",
-    "styled-components": "^6.0.0-rc.3"
   }
 }

package/tsconfig.json

@@ -5,7 +5,7 @@
     "module": "ES6",
     "jsx": "react",
     "strict": true,
-    "noEmit": true,
+    "declaration": true,
     "allowJs": false,
     "moduleResolution": "node",
     "esModuleInterop": true,
@@ -13,6 +13,7 @@
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "baseUrl": "src",
+    "outDir": "dist",
     "experimentalDecorators": true,
     "rootDir": "./src",
     "paths": {