chili-ui 0.0.1 → 0.2.0

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -25,7 +25,7 @@ If applicable, add screenshots to help explain your problem.
  - OS: [e.g. Windows 10]
  - Browser [e.g. chrome, firefox]
  - Browser Version [e.g. 22]
- - Leda Version [e.g. 2.0.2]
+ - Chili Version [e.g. 2.0.2]
 
 **Additional context**
 Add any other context about the problem here.

package/.github/workflows/timeweb_deploy.yml

@@ -1,4 +1,4 @@
-name: Deploy Leda to Main Station
+name: Deploy Chili to Main Station
 on:
   push:
     branches: ["master"]
@@ -22,7 +22,7 @@ jobs:
           cache: "npm"
 
       # Step: Install dependencies
-      - name: Install leda dependencies
+      - name: Install chili dependencies
         run: npm ci
 
       - name: Build styles
@@ -106,7 +106,7 @@ jobs:
           username: deployer
           key: ${{ secrets.SERVER_SSH_KEY }}
           source: docs-build.zip
-          target: /var/www/leda/
+          target: /var/www/chili/
 
       - name: Deploy to Server
         uses: appleboy/ssh-action@master
@@ -115,7 +115,7 @@ jobs:
           username: deployer # The user we set up on your server
           key: ${{ secrets.SERVER_SSH_KEY }} # Private key for authentication
           script: |
-            APP_DIR=/var/www/leda
+            APP_DIR=/var/www/chili
             ARTIFACT_NAME=docs-build.zip
 
             echo "==> Switching to app directory"
@@ -129,6 +129,6 @@ jobs:
             npm ci --omit=dev
 
             echo "==> Restarting PM2 process"
-            pm2 restart leda-docs || pm2 start npm --name "leda-docs" -- run start
+            pm2 restart chili-docs || pm2 start npm --name "chili-docs" -- run start
 
             echo "✅ Deployment complete"

package/CHANGELOG.md

@@ -1,390 +1,6 @@
 # Changelog
+
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
-
-
-## [1.3.11] - 2025-02-03
-
-### Fixed
-- Radio: add missing color variables
-
-
-## [1.3.10] - 2024-06-19
-
-### Fixed
-- AutoComplete: update selected suggestion on data change
-
-
-## [1.3.9] - 2024-06-19
-
-### Fixed
-- AutoComplete: fix defaultValue for the uncontrolled mode
-
-
-## [1.3.7 - 1.3.8] - 2024-06-03
-
-### Fixed
-- DropDownSelect: fix iconRender
-
-
-## [1.3.5] - 2024-04-05
-
-### Fixed
-- Calendar: missing form connection
-- DatePicker, DateRange, DateTimePicker, DateTimeRange, TimePicker, TimeRange: missing form connection
-- Radio: missing form connection
-- Radio: missing uncontrolled mode
-- Switcher: missing form connection
-
-
-## [1.3.4] - 2024-04-03
-
-### Fixed
-- AutoComplete: missing maxLength prop
-
-
-## [1.3.3] - 2024-03-27
-
-### Fixed
-- Rating: controlled state
-- Rating: uncontrolled state
-- Rating: validation
-
-
-## [1.3.2] - 2024-02-19
-
-### Changed
-- SuggestionList: better not found message styles
-
-
-## [1.3.1] - 2024-02-19
-
-### Fixed
-- AutoComplete: clear button not clearing suggestion properly
-
-### Changed
-- SuggestionList: better styles
-- Modal: better styles
-
-
-## [1.3.0] - 2024-02-07
-
-### Fixed
-- ButtonGroup: missing block border width styles
-
-
-## [1.2.6] - 2024-02-07
-
-### Fixed
-- ButtonGroup: missing block border width styles
-
-
-## [1.2.5] - 2024-02-07
-
-### Fixed
-- ButtonGroup: missing inline border width styles
-
-
-## [1.2.4] - 2024-02-07
-
-### Fixed
-- Button: missing css variables for hover state button text
-
-
-## [1.2.3] - 2024-02-07
-
-### Fixed
-- ButtonGroup: missing css variables for active state button text
-
-
-## [1.2.2] - 2024-02-06
-
-### Fixed
-- ButtonGroup: missing active button css
-
-
-## [1.2.1] - 2024-01-14
-
-### Fixed
-- CheckBox: missing form(formName, checkBoxName).reset()
-
-
-## [1.2.0] - 2024-01-14
-
-### Added
-- CheckBox: now it has all form props
-
-
-## [1.1.0] - 2024-01-03
-🪄🪅🎊🎉🪩
-
-### Changed
-- SCSS -> PostCSS
-- MultiSelect: noSuggestionsText -> messages
-
-
-## [0.32.0] - 2024-01-01
-
-Happy new year!
-
-### Removed
-- Collapsible: component has been removed
-- AutoComplete: **noSuggestionsText** prop has been removed as the functionality is already implemented in **messages** feature
-
-### Changed
-- Collapse: new HTML based implementation
-
-
-## [0.31.2] - 2023-12-14
-
-### Fixed
-- Calendar: some missing weeks issue
-
-## [0.31.1] - 2023-11-21
-
-### Fixed
-- Password: minor React key issue
-- SuggestionItem: minor React key issue
-
-
-## [0.31.0] - 2023-11-10
-
-### Removed
-- Modal: no more **size** prop
-
-### Added
-- Validation: **suggestion** field to the submit event for the AutoComplete
-
-
-## [0.30.1] - 2023-10-02
-
-### Changed
-- Modal: better styles
-
-
-## [0.30.0] - 2023-08-30
-
-### Removed
-- Slider
-- Demo page running on webpack
-
-
-## [0.29.1] - 2023-08-28
-
-### Fixed
-- TS & eslint errors
-
-### Added
-- NextJS docs
-
-
-## [0.29.0] - 2023-08-28
-
-### Removed
-- No more Currency, DropDown, DropDownLink, StatusBar, StickyPanel, VStepper, DropZone, FileDrop, FileUpload
-
-### Added
-- Calendar and Dates: customize month names and weekdays names through messages API
-- Calendar base theme
-
-### Changed
-- refs are now pointing to the outer component wrapper, no nested ref structure
-
-
-## [0.28.2] - 2023-08-01
-
-### Added
-- Collapse: base theme
-- Loader: base theme
-- Modal: base theme
-- Pagination: base theme
-- ProgressBar: base theme
-- Tabs: base theme
-
-
-## [0.28.1] - 2023-07-27
-
-### Fixed
-- AutoComplete TS minor fix
-
-
-## [0.28.0] - 2023-07-26
-
-### Added
-- AutoComplete: base theme
-- DropZone: base theme
-- DropDownSelect: base theme
-- FileDrop: base theme
-- MaskedInput: base theme
-- Numeric: base theme
-- NumericRange: base theme
-- Radio: base theme
-- Rating: base theme
-- Tooltip: base theme
-- Slider: base theme
-- Switcher: base theme
-- Textarea: base theme
-
-
-## [0.27.5] - 2023-07-23
-
-### Added
-- CheckBox: checkboxIcon prop to make it look whtaever you like
-- CheckBox: base CSS
-
-### Changed
-- CheckBox: it uses Leda icons instead of font
-
-
-## [0.27.4] - 2023-07-22
-
-### Added
-- 'use client' directive to all client only components
-
-
-## [0.27.3] - 2023-07-19
-
-### Changed
-- BREAKING Password: passwordRules prop validates the password, not just a string
-- Password: default minPasswordEvaluationLength is 0 now
-
-### Added
-- Password: passwordStrength - use your custom evaluator
-
-### Removed
-- Password: passwordEvaluators is removed as being bad UX
-
-
-## [0.27.2] - 2023-07-19
-
-### Changed
-- CSS base theme is default for Button, ButtonGroup & Input
-
-### Added
-- CSS base theme for Input
-
-## [0.27.0] - 2023-06-12
-
-### Added
-- validators: creditCardNumber
-- CSS base theme for Button and ButtonGroup
-- Icon: add types declaration
-- Autocomplete, DropDownSelect, Multiselect: new prop noSuggestionsText
-
-### Changed
-- NoSuggestions: default text changed to english
-- Password: change default text to english
-- common validators: change default text to english
-
-### Removed
-- RUB as default currency (replaced to USD)
-
-## [0.26.0] - 2023-06-01
-
-### Added
-- Icons: new component based on FeatherIcons
-
-## [0.0.7] - 2020-03-12
-
-### Fixed
-- DropDownSelect: onFilterChange incorrect value on suggestion click
-- DateTimePicker: date parsing errors
-- Validation: validating by validator when empty and not required
-
-## [0.23.0] - 2020-08-05
-
-### Added
-- Calendar: standalone version
-
-## [0.0.6] - 2020-03-05
-
-### Fixed
-- StatusBar: typeField prop
-
-## [0.0.5] - 2020-03-03
-
-### Fixed
-- Tooltip: flickering on component mount
-
-## [0.0.4] - 2020-02-28
-
-### Fixed
-- MaskedInput: reset event & enterPress event
-
-
-## [0.0.3] - 2020-02-25
-
-### Fixed
-- MaskedInput: ChangeEvent type
-
-
-## [0.0.2] - 2020-02-23
-
-### Fixed
-- Collapse: auto height
-- MaskedInput: add missing inputValue to event.component
-
-
-## [0.0.1-alpha.16] - 2020-02-20
-
-### Fixed
-- Collapse: better initial rendering for a large number of components
-
-
-## [0.0.1-alpha.15] - 2020-02-20
-
-### Added
-- DropDownLink: better typing, props are generics now
-- MultiSelect: add compareObjectsByProp
-- MultiSelect: conditional textField typing
-- Tabs: improved render of customized elements
-
-### Fixed
-- DropDownSelect: reset highlighted item when the input field gets cleared
-
-
-## [0.0.1-alpha.14] - 2020-02-19
-
-### Fixed
-- AutoComplete: shouldCorrectValue in uncontrolled mode
-
-
-## [0.0.1-alpha.13] - 2020-02-14
-
-### Added
-- Validation: L.form('formName').get() and L.form('formName').validate() helpers are available
-
-
-## [0.0.1-alpha.12] - 2020-02-09
-
-### Changed
-- StickyPanel: it is better now, it works as if shouldAlwaysRerender is true, but without performance penalties
-- Collapse: in does not use external dependency anymore
-
-### Added
-- Collapse: now you can customize it as you like
-- DateRange: requiredMessage is available
-- Validation: now you can use predefined 'url' validator
-
-### Fixed
-- CheckBox: redundant rerender on each change
-- DropDownSelect: last element in the suggestions list sometimes was unavailable to choose usin keyboard
-- AutoComplete: minSearchLength and isOpen conflicts
-- DropDown, DropDownSelect: fix boundingContainerRef types
-
-
-## [0.0.1-alpha.10 - 0.0.1-alpha.11] - 2020-02-05
-
-### Fixed
-- Compilation target for IE support
-
-
-## [0.0.1-alpha.9] - 2020-02-03
-
-### Added
-- Calendar, DropDown: boundingContainerRef prop for customized positioning
-
-### Changed
-- AutoComplete: use testing library for tests

package/README.md

@@ -1,37 +1,20 @@
-# Leda
+# Chili
 
-Leda is a React UI component library with built-in declarative forms and validation.
+Chili is a React UI component library with built-in declarative forms and validation.
 
 ## Documentation
 
-[https://reactiveleda.online][1]
+<!-- [https://reactivechili.online][1] -->
 
 ## Credit
 
-Made by [Artem Povolskikh][2] and [Andrew Dimitrov][3].
-
-Contributors:
-
-- [Alexei Binetsky][6]
-- Andrey Shamin
-- Denis Ozerov
-- Diana Saginbaeva
-- Dmitry Zhmudikov
-- [Efim Roshal][4]
-- Ekaterina Dmitrieva
-- Igor Khromov
-- Konstantin Tishkunov
-- Maxim Fomin
-- [Oksana Kukushkina][5]
-- Vyacheslav Semyonov
+Designed by [Artem Povolskikh][2].
 
 ## License
 
-Leda is licensed under the MIT License
+Chili is licensed under the MIT License
+
+<!-- [1]: https://reactivechili.online -->
 
-[1]: https://reactiveleda.online
 [2]: https://github.com/Apollo-11
 [3]: https://github.com/777PolarFox777
-[4]: https://github.com/roshal
-[5]: https://github.com/JustOxxy
-[6]: https://github.com/Binetsky

package/{leda → chili}/components/AutoComplete/index.tsx

@@ -33,7 +33,7 @@ import type {
   AutoCompleteProps, Suggestion,
 } from './types';
 import { useValidation } from '../Validation';
-import { LedaContext } from '../LedaProvider';
+import { ChiliContext } from '../ChiliProvider';
 import { Icon } from '../Icon';
 import { Icons } from '../Icon/types';
 import { useMessages } from '../../utils/useMessages';
@@ -220,7 +220,7 @@ export const AutoComplete = React.forwardRef((props: AutoCompleteProps, ref: Rea
     },
   );
 
-  const { renders: { [COMPONENTS_NAMESPACES.autoComplete]: autoCompleteRenders } } = React.useContext(LedaContext);
+  const { renders: { [COMPONENTS_NAMESPACES.autoComplete]: autoCompleteRenders } } = React.useContext(ChiliContext);
 
   const InputElement = useElement(
     'Input',

package/{leda → chili}/components/Calendar/hooks.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LedaContext } from '../LedaProvider';
+import { ChiliContext } from '../ChiliProvider';
 import { useElement } from '../../utils';
 import { CalendarHeader as DefaultCalendarHeader } from '../../src/CalendarBase/CalendarHeader';
 import { DateView as DefaultDateView } from '../../src/CalendarBase/DateView';
@@ -14,7 +14,7 @@ export const useCustomElements = (props: StandaloneCalendarProps): CustomElement
     dateViewRender, monthViewRender, yearViewRender, headerRender, wrapperRender,
   } = props;
 
-  const { renders: { calendar: calendarRenders } } = React.useContext(LedaContext);
+  const { renders: { calendar: calendarRenders } } = React.useContext(ChiliContext);
 
   const DateView = useElement(
     'DateView',

package/{leda → chili}/components/CheckBox/index.tsx

@@ -6,7 +6,7 @@ import {
 import { COMPONENTS_NAMESPACES } from '../../constants';
 import { createChangeHandler, createResetHandler } from './handlers';
 import type { CheckBoxProps } from './types';
-import { LedaContext } from '../LedaProvider';
+import { ChiliContext } from '../ChiliProvider';
 import {
   Div, Icon, IconTypes, Label,
 } from '../../index';
@@ -36,7 +36,7 @@ export const CheckBox = React.forwardRef((props: CheckBoxProps, ref?: React.Ref<
 
   const [value, setUncontrolledValue] = useValue(valueProp, defaultValue);
 
-  const { renders: { [COMPONENTS_NAMESPACES.checkBox]: checkBoxRenders } } = React.useContext(LedaContext);
+  const { renders: { [COMPONENTS_NAMESPACES.checkBox]: checkBoxRenders } } = React.useContext(ChiliContext);
 
   const { isValid, InvalidMessage, validateCurrent } = useValidation(props, {
     value,

package/{leda/components/LedaProvider/LedaContext.ts → chili/components/ChiliProvider/ChiliContext.ts}

@@ -8,13 +8,13 @@ import type { GlobalDefaultRenders } from './globalDefaultRenders';
 import type { PartialGlobalDefaultMessages } from './globalDefaultMessages';
 import { globalDefaultMessages } from './globalDefaultMessages';
 
-export interface LedaContextType {
+export interface ChiliContextType {
   theme: PartialGlobalDefaultTheme,
   messages: PartialGlobalDefaultMessages,
   renders: GlobalDefaultRenders,
 }
 
-export const LedaContext = React.createContext<LedaContextType>({
+export const ChiliContext = React.createContext<ChiliContextType>({
   theme: globalDefaultTheme,
   messages: globalDefaultMessages,
   renders: globalDefaultRenders as GlobalDefaultRenders,

package/{leda/components/LedaProvider/__snapshots__/LedaProvider.test.tsx.snap → chili/components/ChiliProvider/__snapshots__/ChiliProvider.test.tsx.snap}

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LEDA THEME PROVIDER should be isOpen 1`] = `
+exports[`CHILI THEME PROVIDER should be isOpen 1`] = `
 <Component
   theme={
     Object {
@@ -380,7 +380,7 @@ exports[`LEDA THEME PROVIDER should be isOpen 1`] = `
 </Component>
 `;
 
-exports[`LEDA THEME PROVIDER should provide theme to button group 1`] = `
+exports[`CHILI THEME PROVIDER should provide theme to button group 1`] = `
 <Component
   theme={
     Object {

package/{leda/components/LedaProvider → chili/components/ChiliProvider}/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { LedaContext } from './LedaContext';
+import { ChiliContext } from './ChiliContext';
 import { globalDefaultTheme } from './globalDefaultTheme';
 import type { PartialGlobalDefaultTheme } from '../../utils/useTheme';
 import type { GlobalDefaultRenders } from './globalDefaultRenders';
@@ -9,14 +9,14 @@ import { globalDefaultRenders } from './globalDefaultRenders';
 import type { PartialGlobalDefaultMessages } from './globalDefaultMessages';
 import { globalDefaultMessages } from './globalDefaultMessages';
 
-export interface LedaProps {
+export interface ChiliProps {
   children: React.ReactNode,
   theme?: PartialGlobalDefaultTheme,
   messages?: PartialGlobalDefaultMessages,
   renders?: GlobalDefaultRenders,
 }
 
-export const Leda = ((props: LedaProps): React.ReactElement => {
+export const Chili = ((props: ChiliProps): React.ReactElement => {
   const {
     theme = globalDefaultTheme,
     renders = globalDefaultRenders,
@@ -27,11 +27,11 @@ export const Leda = ((props: LedaProps): React.ReactElement => {
   const context = { messages, theme, renders };
 
   return (
-    <LedaContext.Provider value={context}>
+    <ChiliContext.Provider value={context}>
       {children}
-    </LedaContext.Provider>
+    </ChiliContext.Provider>
   );
-}) as React.FC<LedaProps>;
+}) as React.FC<ChiliProps>;
 
-export { LedaContext } from './LedaContext';
+export { ChiliContext } from './ChiliContext';
 export { globalDefaultTheme } from './globalDefaultTheme';

package/chili/components/Icon/icons.tsx

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { Icons } from './types';
+
+export const ICON_PATHS: Record<Icons, React.ReactNode[]> = {
+  [Icons.Calendar]: [
+    <rect key="0" x="3" y="4" width="18" height="18" rx="2" ry="2" />,
+    <line key="1" x1="3" y1="10" x2="21" y2="10" />,
+    <line key="2" x1="16" y1="2" x2="16" y2="6" />,
+    <line key="3" x1="8" y1="2" x2="8" y2="6" />,
+  ],
+  [Icons.Check]: [
+    <polyline key="0" points="20 6 9 17 4 12" />,
+  ],
+  [Icons.CheckCircle]: [
+    <circle key="0" cx="12" cy="12" r="10" />,
+    <polyline key="1" points="9 12 12 15 17 10" />,
+  ],
+  [Icons.CheckSquare]: [
+    <rect key="0" x="3" y="3" width="18" height="18" rx="2" ry="2" />,
+    <polyline key="1" points="9 11 12 14 22 4" />,
+  ],
+  [Icons.ChevronDown]: [
+    <polyline key="0" points="6 9 12 15 18 9" />,
+  ],
+  [Icons.ChevronLeft]: [
+    <polyline key="0" points="15 18 9 12 15 6" />,
+  ],
+  [Icons.ChevronRight]: [
+    <polyline key="0" points="9 18 15 12 9 6" />,
+  ],
+  [Icons.ChevronUp]: [
+    <polyline key="0" points="18 15 12 9 6 15" />,
+  ],
+  [Icons.ChevronsLeft]: [
+    <polyline key="0" points="11 17 6 12 11 7" />,
+    <polyline key="1" points="18 17 13 12 18 7" />,
+  ],
+  [Icons.ChevronsRight]: [
+    <polyline key="0" points="13 17 18 12 13 7" />,
+    <polyline key="1" points="6 17 11 12 6 7" />,
+  ],
+  [Icons.Circle]: [
+    <circle key="0" cx="12" cy="12" r="10" />,
+  ],
+  [Icons.Eye]: [
+    <path key="0" d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z" />,
+    <circle key="1" cx="12" cy="12" r="3" />,
+  ],
+  [Icons.EyeOff]: [
+    <path key="0" d="M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a21.08 21.08 0 0 1 5.07-6.88" />,
+    <path key="1" d="M1 1l22 22" />,
+  ],
+  [Icons.Github]: [
+    <path key="0" d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48 0-.24-.01-1-.02-1.82-2.78.6-3.37-1.34-3.37-1.34-.45-1.17-1.1-1.48-1.1-1.48-.9-.61.07-.6.07-.6 1 .07 1.53 1.04 1.53 1.04.89 1.52 2.34 1.08 2.91.83.09-.64.35-1.08.63-1.33-2.22-.25-4.55-1.11-4.55-4.94 0-1.09.39-1.98 1.03-2.68-.1-.26-.45-1.3.1-2.71 0 0 .84-.27 2.75 1.03a9.56 9.56 0 0 1 5 0c1.91-1.3 2.75-1.03 2.75-1.03.55 1.41.2 2.45.1 2.71.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.94.36.31.69.92.69 1.86 0 1.34-.01 2.42-.01 2.75 0 .27.18.58.69.48A10 10 0 0 0 12 2z" />,
+  ],
+  [Icons.Loader]: [
+    <circle key="0" cx="12" cy="12" r="10" />,
+  ],
+  [Icons.MinusSquare]: [
+    <rect key="0" x="3" y="3" width="18" height="18" rx="2" ry="2" />,
+    <line key="1" x1="8" y1="12" x2="16" y2="12" />,
+  ],
+  [Icons.PlusSquare]: [
+    <rect key="0" x="3" y="3" width="18" height="18" rx="2" ry="2" />,
+    <line key="1" x1="12" y1="8" x2="12" y2="16" />,
+    <line key="2" x1="8" y1="12" x2="16" y2="12" />,
+  ],
+  [Icons.Square]: [
+    <rect key="0" x="3" y="3" width="18" height="18" rx="2" ry="2" />,
+  ],
+  [Icons.Star]: [
+    <polygon key="0" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />,
+  ],
+  [Icons.X]: [
+    <line key="0" x1="18" y1="6" x2="6" y2="18" />,
+    <line key="1" x1="6" y1="6" x2="18" y2="18" />,
+  ],
+};