@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/es/table/styled.js

@@ -1,458 +0,0 @@
-import t,{css as d}from"styled-components";import{ComponentSizes as e}from"../enums/enum.js";const o=t.div`
-
-  &:has(table.itd-table-no-data), &:has(table.itd-table-empty) {
-    height: 100%;
-    table {
-      height: 100%;
-    }
-  }
-
-  .expand-button {
-
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    left: 0;
-    user-select: none;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    button:hover {
-      //background-color: #ececec;
-    }
-
-    button span span {
-      //color: #555;
-      font-size: 15px;
-      line-height: 14px;
-      font-weight: 600;
-    }
-
-  }
-
-  table {
-    
-    width: 100%;
-    
-    caption-side: bottom;
-    border-collapse: collapse;
-    text-indent: initial;
-    //border-spacing: 2px;
-    border-spacing: 0;
-
-    th {
-      text-align: left;
-      span {
-        color: #071437;
-      }
-    }
-
-    td>span, th>span {
-      font-weight: 500;
-    }
-
-    th, td {
-      position: relative;
-      width: auto;
-      vertical-align: middle;
-    }
-
-  }
-
-  >table {
-
-    >tbody, >thead {
-        
-      ${t=>t.$size===e.X_SMALL?d`
-            td, th {
-              padding-top: 5px;
-              padding-bottom: 5px;
-            }
-            th>span {
-              font-size: 13px;
-            }
-            td>span {
-              font-size: 12px;
-            }
-          `:t.$size===e.SMALL?d`
-            td, th {
-              padding-top: 8px;
-              padding-bottom: 8px;
-            }
-            th>span {
-              font-size: 13px;
-            }
-            td>span {
-              font-size: 12px;
-            }
-          `:t.$size===e.MEDIUM?d`
-            td, th {
-              padding-top: 12px;
-              padding-bottom: 12px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `:t.$size===e.DEFAULT?d`
-            td, th {
-              padding-top: 15px;
-              padding-bottom: 15px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `:t.$size===e.LARGE?d`
-            td, th {
-              padding-top: 18px;
-              padding-bottom: 18px;
-            }
-            th>span {
-              font-size: 15px;
-            }
-            td>span {
-              font-size: 14px;
-            }
-          `:t.$size===e.X_LARGE?d`
-            td, th {
-              padding-top: 20px;
-              padding-bottom: 20px;
-            }
-            th>span {
-              font-size: 15px;
-            }
-            td>span {
-              font-size: 14px;
-            }
-          `:d`
-            td, th {
-              padding-top: 15px;
-              padding-bottom: 15px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `}
-
-      td, th {
-          
-        ${t=>t.$noGaps?d`
-              padding-left: 0;
-              padding-right: 0;
-            `:t.$size===e.X_SMALL?d`
-              padding-left: 10px;
-              padding-right: 10px;
-            `:t.$size===e.SMALL||t.$size===e.MEDIUM||t.$size===e.DEFAULT?d`
-              padding-left: 15px;
-              padding-right: 15px;
-            `:t.$size===e.LARGE||t.$size===e.X_LARGE?d`
-              padding-left: 20px;
-              padding-right: 20px;
-            `:d`
-              padding-left: 15px;
-              padding-right: 15px;
-            `}
-
-      }
-
-    }
-
-    &:not(.itd-table-no-gaps) {
-
-      >thead {
-
-        background-color: #FAFAFA;
-
-        td:first-child, th:first-child {
-          padding-left: 30px;
-        }
-        
-      }
-
-      &:not(.itd-table-no-data):not(.itd-table-empty) {
-        >tbody {
-          td:first-child, th:first-child {
-            padding-left: 30px;
-          }
-        }
-      }
-
-      /**
-       * Tabloda içeriği boşsa.
-       */
-      &.itd-table-no-data {
-
-        >tbody {
-          >tr {
-            background-color: #FAFAFA;
-          }
-        }
-
-      }
-
-      /**
-       * Tabloda içeriği boş değilse.
-       */
-      &:not(.itd-table-empty) {
-
-        /**
-         * Ana tablo satırların üstüne gelindiğinde
-         */
-        >tbody >tr:not(.itd-table-row-inner):hover {
-          background-color: #FAFAFA;
-        }
-
-        /**
-         * Alt tablo satırların üstüne gelindiğinde
-         */
-        .itd-table-inner-table >tbody >tr:hover {
-          background-color: #FAFAFA;
-        }
-
-      }
-
-    }
-
-    /**
-     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKSIZ
-     */
-    &:not(.itd-table-bordered) {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-        border-top: 1px solid #f1f1f4;
-        border-bottom: 1px solid #f1f1f4;
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px solid #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px solid #f1f1f4;
-          }
-          
-        }
-      }
-      
-    }
-
-    /**
-     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKLI
-     */
-    &.itd-table-bordered {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr , >thead >tr {
-
-        border-top: 1px solid #f1f1f4;
-        border-bottom: 1px solid #f1f1f4;
-        border-left: 1px solid #f1f1f4;
-        border-right: 1px solid #f1f1f4;
-
-        >td, >th {
-          border-left: 1px solid #f1f1f4;
-          border-right: 1px solid #f1f1f4;
-        }
-
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px solid #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px solid #f1f1f4;
-          }
-
-          >td:not(:first-child) {
-            border-left: 1px solid #f1f1f4;
-          }
-
-          >td:not(:last-child) {
-            border-right: 1px solid #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * KESİK ÇİZGİLİ, DIŞ KENARLIKSIZ
-     */
-    &.itd-table-dashed {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-        border-top: 1px dashed #f1f1f4;
-        border-bottom: 1px dashed #f1f1f4;
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px dashed #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px dashed #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * KESİK ÇİZGİLİ VE DIŞ KENARLIKLI
-     */
-    &.itd-table-dashed.itd-table-bordered {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-      
-        border-top: 1px dashed #f1f1f4;
-        border-bottom: 1px dashed #f1f1f4;
-        border-left: 1px dashed #f1f1f4;
-        border-right: 1px dashed #f1f1f4;
-
-        >td, >th {
-          border-left: 1px dashed #f1f1f4;
-          border-right: 1px dashed #f1f1f4;
-        }
-
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px dashed #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px dashed #f1f1f4;
-          }
-
-          >td:not(:first-child) {
-            border-left: 1px dashed #f1f1f4;
-          }
-
-          >td:not(:last-child) {
-            border-right: 1px dashed #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * ÇİZGİSİZ VE KENARLIKSIZ
-     */
-    &:not(.itd-table-bordered) {
-
-      thead tr:first-child {
-        border-top-style: none;
-        border-top-style: none;
-      }
-      tbody tr:last-child {
-        border-bottom-style: none;
-        border-bottom-style: none;
-      }
-
-      &.itd-table-headless {
-        tbody tr:first-child {
-          border-top-style: none;
-          border-top-style: none;
-        }
-      }
-
-    }
-
-  }
-
-`,i=t.div`
-
-  height: 150px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  >div {
-    display: flex;
-    flex-direction: column;
-    gap: 7px;
-  }
-
-  span {
-    font-size: 12px;
-    font-weight: 500;
-    color: #4D4D4D;
-  }
-
-  svg {
-    fill: #4D4D4D;
-  }
-  
-`,r=t.span`
-
-  ${t=>{if(t.$overflow)return d`
-        overflow      : hidden;
-        white-space   : nowrap;
-        text-overflow : ellipsis;
-        position      : relative;
-        display       : block;
-      `}}
-  
-`,a=t.span`
-
-  ${t=>{if(t.$overflow)return d`
-        overflow      : hidden;
-        white-space   : nowrap;
-        text-overflow : ellipsis;
-        position      : relative;
-        display       : block;
-      `}}
-
-`;export{a as Cell,i as EmptyBody,r as RowTitle,o as Wrapper};

package/dist/es/tabs/index.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as n,useCallback as l}from"react";import{NavLink as d}from"react-router-dom";const o=({tabs:o=[],activeTabKey:s="",className:c="",variant:b="line",orientation:u="horizontal",height:f,fill:k,onTabChange:h})=>{const[m,v]=r(s),y=i([]);n(()=>{m!==s&&v(s)},[s]);const p=l((e,a)=>{const t=o.length;let r=e;for(let e=0;e<t;e++)if(r=(r+a+t)%t,!o[r].disabled)return r;return e},[o]),g=l(e=>{const a="horizontal"===u,t=a?"ArrowRight":"ArrowDown",r=a?"ArrowLeft":"ArrowUp",i=o.findIndex(e=>e.key===m);if(-1===i)return;let n=null;switch(e.key){case t:e.preventDefault(),n=p(i,1);break;case r:e.preventDefault(),n=p(i,-1);break;case"Home":e.preventDefault(),n=o.findIndex(e=>!e.disabled);break;case"End":e.preventDefault();for(let e=o.length-1;e>=0;e--)if(!o[e].disabled){n=e;break}break;case"Enter":case" ":return e.preventDefault(),void(o[i].disabled||w(o[i].key));default:return}null!==n&&n!==i&&(w(o[n].key),y.current[n]?.focus())},[o,m,u,p]),w=e=>{v(e),h?.(e)},x=o.some(e=>!!e.link),D=r=>e(t,{children:[r.icon&&a("span",{className:"itd-tab-icon",children:r.icon}),a("span",{children:r.tab})]}),N=(e,t)=>{const r=((e,a)=>!x&&(m?m===e:!!s&&0===a))(e.key,t),i={"data-variant":b,"data-orientation":u,...r?{"data-active":""}:{},...e.disabled?{"data-disabled":""}:{}};return e.link?a(d,{ref:e=>{y.current[t]=e},className:"itd-tab-trigger"+(r?" active":""),onClick:()=>!e.disabled&&w(e.key),to:e.link,role:"tab","aria-selected":r,"aria-disabled":e.disabled||void 0,tabIndex:r?0:-1,...i,children:D(e)},e.key):a("button",{ref:e=>{y.current[t]=e},className:"itd-tab-trigger",onClick:()=>!e.disabled&&w(e.key),role:"tab",id:`tab-${e.key}`,"aria-selected":r,"aria-disabled":e.disabled||void 0,"aria-controls":e.children?`tabpanel-${e.key}`:void 0,tabIndex:r?0:-1,...i,children:D(e)},e.key)};return e("div",{className:`itd-tabs ${c||""}`,"data-orientation":u,...k?{"data-fill":""}:{},...f?{style:{height:f+"px"}}:{},children:[a("div",{className:"itd-tab-list","data-variant":b,"data-orientation":u,role:"tablist","aria-orientation":u,onKeyDown:g,children:o.map((e,a)=>N(e,a))}),(()=>{const e=o.find(e=>e.key===m);return e?.children?a("div",{className:"itd-tab-content",role:"tabpanel",id:`tabpanel-${e.key}`,"aria-labelledby":`tab-${e.key}`,children:e.children}):null})()]})};export{o as default};

package/dist/es/tinyscrollbar/scroll.styled.js

@@ -1,21 +0,0 @@
-import r from"styled-components";const o=r.div`
-
-  /* OverlayScrollbars v2 class selectors */
-  .os-scrollbar-horizontal { height: 10px; }
-  .os-scrollbar-vertical   { width: 10px; }
-
-  .os-scrollbar-track {
-    background: transparent;
-  }
-
-  .os-scrollbar-handle {
-    background: var(--itd-scrollbar-thumb) !important;
-    border-radius: 8px;
-  }
-
-  .os-scrollbar-handle:hover,
-  .os-scrollbar-handle:active {
-    background: var(--itd-scrollbar-thumb-hover) !important;
-  }
-
-`;export{o as ScrollWrapper};

package/dist/flex/index.d.ts

@@ -1,3 +0,0 @@
-import { FlexProps } from "../index";
-declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, className, children }: FlexProps) => import("react/jsx-runtime").JSX.Element;
-export default Flex;

package/dist/flex/styled.d.ts

@@ -1,10 +0,0 @@
-import { FlexAlignProps, FlexGapProps, FlexJustifyProps } from "../index";
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $gap?: FlexGapProps;
-    $justify?: FlexJustifyProps;
-    $align?: FlexAlignProps;
-    $vertical?: boolean;
-    $stretch?: boolean;
-    $wrap?: boolean;
-}>> & string;
-export { Wrapper };

package/dist/floating/Arrow.d.ts

@@ -1,17 +0,0 @@
-import { ComponentXPositions, ComponentYPositions } from 'enums/enum';
-type Placement = ComponentYPositions | ComponentXPositions;
-/**
- * Arrow component
- *
- * Renders an arrow with a border and a fill.
- */
-type ArrowProps = {
-    /** Placement */
-    placement: Placement;
-    /** Arrow color (fill) */
-    color?: string;
-    /** Arrow border color (if undefined, border is not shown) */
-    borderColor?: string;
-};
-export declare const Arrow: ({ placement, color, borderColor }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
-export default Arrow;

package/dist/floating/FloatingContent.d.ts

@@ -1,60 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { FloatingPosition } from '../hooks/useFloatingPosition';
-/**
- * Floating content primitive
- *
- * Renders to body with Portal, positions, and animated.
- * Base component for Tooltip, Popover, HoverCard.
- */
-export type FloatingContentProps = {
-    /** Content */
-    children: ReactNode;
-    /** Position information */
-    position: FloatingPosition;
-    /** Is Open? */
-    isOpen: boolean;
-    /** Show arrow */
-    showArrow?: boolean;
-    /** Max width */
-    maxWidth?: string | number;
-    /** Custom className */
-    className?: string;
-    /** Content event handlers */
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    /** Transition duration (ms) */
-    timeout?: number;
-    /** Transition class prefix */
-    transitionClassNames?: string;
-    /** Arrow color (fill) */
-    arrowColor?: string;
-    /** Arrow border color (if undefined, border is not shown) */
-    arrowBorderColor?: string;
-    /** Enable focus trap */
-    trapFocus?: boolean;
-    /** Return focus to this element when trap is deactivated */
-    returnFocusRef?: RefObject<HTMLElement>;
-    /** Accessibility: id of the floating panel (used by aria-controls) */
-    id?: string;
-    /** Accessibility: role of the floating panel (e.g. "dialog") */
-    role?: string;
-    /** Accessibility: is this modal? (for popover: false) */
-    'aria-modal'?: boolean;
-    /** Accessibility: id of the labelling element */
-    'aria-labelledby'?: string;
-    /** Accessibility: id of the describing element */
-    'aria-describedby'?: string;
-};
-/**
- * Floating content primitive
- *
- * Renders to body with Portal, positions, and animated.
- * Base component for Tooltip, Popover, HoverCard.
- */
-export declare const FloatingContent: {
-    ({ children, position, isOpen, showArrow, maxWidth, className, onMouseEnter, onMouseLeave, timeout, transitionClassNames, arrowColor, arrowBorderColor, trapFocus, returnFocusRef, id, role, "aria-modal": ariaModal, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref }: FloatingContentProps & {
-        ref?: any;
-    }): import("react").ReactPortal | null;
-    displayName: string;
-};
-export default FloatingContent;

package/dist/floating/mergeTriggerProps.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Merge trigger props with children element
- *
- * Merges refs and event handlers from triggerProps with children's original props.
- * Used for Popover, Tooltip, and HoverCard components.
- */
-export declare function mergeTriggerWithChildren(children: ReactNode, triggerProps: any): ReactNode;

package/dist/form/context/FormContext.d.ts

@@ -1,38 +0,0 @@
-import { FormValueProps, ITDImperativeFuncProps, FormItemProps } from "../../index";
-import { ITDVariant } from "../../types/ITDProps";
-export type FormContextType = {
-    register: (item: FormItemProps) => void;
-    unregister: (name: string) => void;
-    hasField: (name: string) => boolean;
-    scrollTo: (name: string, options?: ScrollIntoViewOptions | boolean) => boolean;
-    checkFormIsValid: () => boolean;
-    getValues: () => {};
-    getFieldValue: (name: string) => FormValueProps;
-    getFieldValueByName: (name: string) => FormValueProps;
-    getFieldInstance: (name: string) => ITDImperativeFuncProps | null;
-    getFields: () => {
-        [key: string]: FormItemProps;
-    };
-    getFieldsInstance: () => {};
-    setName: (name: string) => void;
-    setInitialValues: (initialFields: {}, update?: boolean, validation?: boolean) => {};
-    setInvalidField: (name: string, message: string) => void;
-    setInvalidFields: (names: string[], message: string) => void;
-    setFieldValue: (name: string, value: FormValueProps) => void;
-    setFieldValueByName: (name: string, value: FormValueProps, update: boolean, validation: boolean) => void;
-    setFieldError: (name: string, message: string, validation?: boolean) => void;
-    removeFieldError: (name: string) => void;
-    updateField: (name: string, value: FormValueProps, update: boolean, valid: boolean) => void;
-    isFormValid: () => boolean;
-    isFieldsValid: (names: string[]) => boolean;
-    isFieldValid: (name: string) => boolean;
-    resetFields: (update?: boolean, validation?: boolean) => void;
-    removeFields: () => void;
-    formId: string;
-    updated: {};
-    variant?: ITDVariant;
-    disabled?: boolean;
-    locked?: boolean;
-};
-declare const FormContext: import("react").Context<FormContextType>;
-export default FormContext;

package/dist/form/context/FormRegistry.d.ts

@@ -1,13 +0,0 @@
-type FormRegistryEntry = {
-    disabled: boolean;
-    locked: boolean;
-};
-type Listener = () => void;
-export declare const FormRegistry: {
-    register(name: string, entry: FormRegistryEntry): void;
-    unregister(name: string): void;
-    getDisabled(name: string | undefined): boolean | undefined;
-    getLocked(name: string | undefined): boolean | undefined;
-    subscribe(listener: Listener): () => void;
-};
-export {};

package/dist/form/context/FormStore.d.ts

@@ -1,15 +0,0 @@
-import { FieldUpdateProps } from "../../index";
-import { FormContextType } from "./FormContext";
-import { ITDVariant } from "../../types/ITDProps";
-export type FormStoreProps = {
-    name: string;
-    onUpdate?: (values: {}) => void;
-    onFieldUpdate?: (update: FieldUpdateProps) => void;
-    onReset?: () => void;
-    useQueryString?: boolean;
-    variant?: ITDVariant;
-    disabled?: boolean;
-    locked?: boolean;
-};
-declare function FormStore({ name, useQueryString, onUpdate, onReset, onFieldUpdate, variant, disabled, locked, }: FormStoreProps): FormContextType;
-export default FormStore;

package/dist/form/control/Control.d.ts

@@ -1,8 +0,0 @@
-import { ChildrenProps } from "types/ChildrenProps";
-export type ControlProps = {
-    className?: string;
-    position?: "start" | "end" | "center";
-    form?: string;
-    children?: ChildrenProps;
-};
-export default function Control({ position, className, form, children }: ControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/form/group/Group.d.ts

@@ -1,17 +0,0 @@
-import { ChildrenProps } from 'types/ChildrenProps';
-/**
- *
- * FORM FIELD GROUP
- *
- * @param className
- * @param children
- * @returns
- *
- */
-export type GroupProps = {
-    className?: string;
-    gap?: number;
-    horizontal?: boolean;
-    children?: ChildrenProps;
-};
-export default function Group({ gap, horizontal, className, children }: GroupProps): import("react/jsx-runtime").JSX.Element;