@g4rcez/components 3.0.1 → 4.0.0

package/dist/context-BFXNJVn2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-BFXNJVn2.js","sources":["../src/styles/design-tokens.ts","../src/config/default-translations.tsx","../src/config/default-tweaks.ts","../src/config/context.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { DesignTokens, DesignTokensBuilder, DesignTokensParser, GeneralTokens, Token } from \"./theme.types\";\n\nexport const parsers = {\n    hex: (v: string) => v,\n    raw: (v: string) => v,\n    hsl: (v: string) => `hsl(${v})` as const,\n    rgb: (v: string) => `rgb(${v})` as const,\n    z: (_, __, k) => `var(--z-${k})` as const,\n    hsla: (v: string) => `hsla(${v})` as const,\n    rgba: (v: string) => `rgba(${v})` as const,\n    cssVariable: (_, __, k) => `var(--${k})` as const,\n    formatWithVar: (format: string) => (_: string, __: string, v: string) => `${format}(var(--${v}), <alpha-value>)` as const,\n} satisfies Record<string, DesignTokensParser>;\n\nexport const reduceTokens = <T extends GeneralTokens>(colors: T, parse: DesignTokensBuilder, prefix: string = \"\", append: string = \"\"): Token[] =>\n    Object.entries(colors).reduce<Token[]>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return acc.concat(parse(value, k, combine));\n        }\n        return acc.concat(reduceTokens(value, parse, prefix, combine));\n    }, []);\n\nexport const createDesignTokens = <T extends GeneralTokens, Fn extends DesignTokensParser>(\n    colors: T,\n    parse: Fn,\n    prefix: string = \"\",\n    append: string = \"\"\n): T =>\n    Object.entries(colors).reduce<T>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return { ...acc, [k]: parse(value, key, combine) };\n        }\n        return {\n            ...acc,\n            [key]: createDesignTokens(value, parse, prefix, combine),\n        };\n    }, {} as T);\n\nconst modifiers = {\n    default: (variables: string) => `:root { ${variables} }`,\n    dark: (variables: string) => `html.dark {${variables}}`,\n};\n\nconst createStyleContent = (\n    tokens: Token[],\n    modifiers: {\n        result: (str: string) => string;\n        value?: (k: string, v: string) => string;\n    }\n) => {\n    const v = modifiers.value || ((_: string, s: string) => s);\n    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(\";\");\n    return modifiers.result(content);\n};\n\nexport const createStyles = {\n    default: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.default }),\n    dark: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.dark }),\n};\n\ntype TokenParsersType = \"colors\" | \"spacing\" | \"rounded\" | \"customTokens\" | \"zIndex\";\n\ntype TokenCustomParser = (t: Token) => Token;\n\nexport type TokenRemap = Partial<Record<TokenParsersType, TokenCustomParser> & { name: string }>;\n\nconst fn =\n    (p?: TokenCustomParser): DesignTokensBuilder =>\n    (value, _, key) => {\n        const r = { key: `--${key}`, value: `${value}` };\n        return p ? p(r) : r;\n    };\n\nconst zIndexParser = (t: Token): Token => ({ key: t.key.replace(/^--/, \"--z-\"), value: t.value });\n\nconst createTokens = (theme: DesignTokens, map?: TokenRemap) => {\n    const colors = reduceTokens(theme.colors, fn(map?.colors));\n    const spacing = reduceTokens(theme.spacing, fn(map?.spacing));\n    const rounded = reduceTokens(theme.rounded, fn(map?.rounded));\n    const shadow = reduceTokens(theme.shadow, fn(map?.rounded));\n    const zIndex = reduceTokens(theme.zIndex, fn(map?.zIndex ?? zIndexParser));\n    const customTokens = theme.custom ? reduceTokens(theme.custom, fn(map?.customTokens)) : [];\n    return colors.concat(spacing, rounded, customTokens, zIndex, shadow);\n};\n\nexport const createTheme = (theme: DesignTokens, name?: string) =>\n    createStyleContent(createTokens(theme), {\n        result: (variables: string) => `html${name ? `.${name}` : \"\"} {${variables}}`,\n        value: (_, v) => v.replace(\"hsla(\", \"\").replace(\")\", \"\"),\n    });\n\nexport const createCssProperties = (theme: DesignTokens, map?: TokenRemap): CSSProperties => {\n    const tokens = createTokens(theme, map);\n    return tokens.reduce<CSSProperties>((acc, el) => ({ ...acc, [el.key]: el.value }), {});\n};\n\nexport const createTokenStyles = (theme: DesignTokens, map?: TokenRemap) =>\n    createStyleContent(createTokens(theme, map), {\n        result: (variables: string) => `html${map?.name ? `.${map.name}` : \"\"} {${variables}}`,\n        value: (_, v) => v,\n    });\n","import React, { Fragment } from \"react\";\n\nexport const defaultTranslations = {\n    autocompleteEmpty: \"Nothing here...\",\n    calendarBackMonth: \"Back month\",\n    calendarFromDate: \"From\",\n    calendarMonthLabel: \"Month\",\n    calendarNextMonth: \"Next month\",\n    calendarDatetimeTitle: \"Time\",\n    calendarToDate: \"To\",\n    calendarToday: \"Today\",\n    pageCalendarMonthView: \"Month view\",\n    pageCalendarWeekView: \"Week view\",\n    pageCalendarDayView: \"Day view\",\n    pageCalendarPrevious: \"Previous\",\n    pageCalendarNext: \"Next\",\n    pageCalendarToday: \"Today\",\n    pageCalendarAddEvent: \"Add event\",\n    pageCalendarWeekLabel: (n: number) => `Week ${n}`,\n    pageCalendarFilter: \"Filter:\",\n    pageCalendarMoreEvents: (n: number) => `+${n} more...`,\n    pageCalendarLabel: \"Calendar\",\n    pageCalendarNavigation: \"Calendar navigation\",\n    pageCalendarMonthGrid: \"Calendar month\",\n    pageCalendarFilterEnabled: \"enabled\",\n    pageCalendarFilterDisabled: \"disabled\",\n    pageCalendarEventCount: (n: number) => n === 1 ? \"1 event\" : `${n} events`,\n    pageCalendarEventAt: (title: string, time: string) => `${title} at ${time}`,\n    commandPaletteEmpty: \"Nothing here...\",\n    commandPaletteLoading: \"Loading...\",\n    datePickerCalendarButtonLabel: \"Click to open a date picker\",\n    emptyDataMessage: \"No data\",\n    inputCaretDown: \"Click to see all options\",\n    inputCloseValue: \"Click to clear the value\",\n    inputOptionalLabel: \"Optional\",\n    wizardNext: \"Next\",\n    wizardPrev: \"Previous\",\n    wizardFinish: \"Finish\",\n    wizardSkip: \"Skip\",\n    multiSelectInnerPlaceholder: \"Search...\",\n    multiSelectSelectedLabel: \"Selected\",\n    tableColumnResizer: \"Resize column\",\n    tableFilterColumnPlaceholder: \"Filter by\",\n    tableFilterColumnTitle: \"Filter by\",\n    tableFilterDropdownTitle: \"Filters\",\n    tableFilterDropdownTitleUnique: \"Filter by\",\n    tableFilterLabel: \"Filters\",\n    tableFilterNewFilter: \"New filter\",\n    tableFilterOperatorPlaceholder: \"Equals to...\",\n    tableFilterOperatorTitle: \"Operation\",\n    tableFilterTypeContains: \"Contains\",\n    tableFilterTypeEndsWith: \"Ends with\",\n    tableFilterTypeGreaterThan: \"Greater than\",\n    tableFilterTypeIs: \"Is\",\n    tableFilterTypeIsNot: \"Is not\",\n    tableFilterTypeLessThan: \"Less than\",\n    tableFilterTypeNotContains: \"Not contains\",\n    tableFilterTypeStartsWith: \"Starts with\",\n    tableFilterValuePlaceholder: \"Something...\",\n    tableFilterValueTitle: \"Value\",\n    tableGroupLabel: \"Group\",\n    tableGroupLabelWithCount: \"Group\",\n    tablePaginationFooter: (pagination: { pages: number; totalItems: number; sizes?: number[]; current: number; select: React.ReactNode }) => (\n        <Fragment>\n            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{\" \"}\n            per page.\n        </Fragment>\n    ),\n    tablePaginationNext: \"Next\",\n    tablePaginationPrevious: \"Previous\",\n    tablePaginationSelectLabel: \"Select the size of page\",\n    tableSortAddButton: \"Add sort\",\n    tableSortAsc: \"Ascending\",\n    tableSortDesc: \"Descending\",\n    tableSortDropdownTitle: \"Order by\",\n    tableSortOrderByLabel: \"Order by\",\n    tableSortOrderInputPlaceholder: \"Order by\",\n    tableSortOrderInputTitle: \"Order by\",\n    tableSortTypeInputPlaceholder: \"Ascending\",\n    tableSortTypeInputTitle: \"Sort type\",\n\n    uploadIdle: \"You can drag your files here\",\n    uploadIdleButton: \"Choose your files\",\n    uploadDragging: (props: { n: number }) => `Dragging ${props.n} ${props.n > 0 ? \"files\" : \"file\"}`,\n    uploadDialogTitle: \"Details of your file\",\n\n    datepickerPlaceholder: (_: string) => \"day/month/year\",\n};\n\nexport type Translations = typeof defaultTranslations;\n","export type Tweaks = {\n    table: {\n        sorters: boolean;\n        filters: boolean;\n        operations: boolean;\n        sticky: number | undefined;\n    };\n    input: {\n        iconFeedback: boolean;\n    };\n};\n\nexport const defaultTweaks: Tweaks = {\n    input: { iconFeedback: true },\n    table: { operations: true, sorters: true, filters: true, sticky: undefined },\n};\n","\"use client\";\nimport { createContext } from \"react\";\nimport type { IconProps } from \"@phosphor-icons/react\";\nimport type { Locales } from \"the-mask-input\";\nimport type { ContextType } from \"../hooks/use-components-provider\";\nimport { parsers } from \"../styles/design-tokens\";\nimport { defaultTranslations, type Translations } from \"./default-translations\";\nimport { defaultTweaks, type Tweaks } from \"./default-tweaks\";\n\nexport type ContextProps = Partial<{\n    tweaks: Partial<Tweaks>;\n    map: Partial<Translations>;\n    locale: Locales | undefined;\n    parser: typeof parsers.hsla;\n    rootFloating?: HTMLElement | null;\n    iconWeight: IconProps[\"weight\"];\n}>;\n\nexport const Context = createContext<ContextType>({\n    parser: parsers.hsla,\n    tweaks: defaultTweaks,\n    floatingRef: undefined,\n    map: defaultTranslations,\n    locale: undefined as Locales | undefined,\n});\n"],"names":["parsers","v","_","__","k","format","reduceTokens","colors","parse","prefix","append","acc","key","value","combine","createDesignTokens","modifiers","variables","createStyleContent","tokens","s","content","token","createStyles","fn","p","r","zIndexParser","t","createTokens","theme","map","spacing","rounded","shadow","zIndex","customTokens","createTheme","name","createCssProperties","el","createTokenStyles","defaultTranslations","n","title","time","pagination","jsxs","Fragment","props","defaultTweaks","Context","createContext"],"mappings":"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"}