chop-logic-components 3.7.3 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/components/atoms/button/Button.css +1 -0
- package/dist/components/atoms/button/Button.js +66 -0
- package/dist/components/atoms/button/icon-button/IconButton.css +1 -0
- package/dist/components/atoms/button/icon-button/IconButton.js +15 -0
- package/dist/components/atoms/button/icon-button/index.js +3 -0
- package/dist/components/atoms/button/index.js +3 -0
- package/dist/components/atoms/button/inner-button/InnerButton.css +1 -0
- package/dist/components/atoms/button/inner-button/InnerButton.js +28 -0
- package/dist/components/atoms/button/inner-button/index.js +3 -0
- package/dist/components/atoms/button/primary-button/PrimaryButton.css +1 -0
- package/dist/components/atoms/button/primary-button/PrimaryButton.js +18 -0
- package/dist/components/atoms/button/primary-button/index.js +3 -0
- package/dist/components/atoms/button/secondary-button/SecondaryButton.css +1 -0
- package/dist/components/atoms/button/secondary-button/SecondaryButton.js +18 -0
- package/dist/components/atoms/button/secondary-button/index.js +3 -0
- package/dist/components/atoms/editable-text/EditView.js +37 -0
- package/dist/components/atoms/editable-text/EditableText.css +1 -0
- package/dist/components/atoms/editable-text/EditableText.js +71 -0
- package/dist/components/atoms/editable-text/ReadView.js +25 -0
- package/dist/components/atoms/editable-text/index.js +3 -0
- package/dist/components/atoms/editable-text/useEditModeState.js +17 -0
- package/dist/components/atoms/editable-text/useInputFocus.js +9 -0
- package/dist/components/atoms/editable-text/useValueState.js +21 -0
- package/dist/components/atoms/error-message/ErrorMessage.css +1 -0
- package/dist/components/atoms/error-message/ErrorMessage.js +30 -0
- package/dist/components/atoms/error-message/index.js +3 -0
- package/dist/components/atoms/header/Header.css +1 -0
- package/dist/components/atoms/header/Header.js +22 -0
- package/dist/components/atoms/header/index.js +3 -0
- package/dist/components/atoms/icon/Icon.css +1 -0
- package/dist/components/atoms/icon/Icon.js +31 -0
- package/dist/components/atoms/icon/index.js +3 -0
- package/dist/components/atoms/image/BasicImage.js +27 -0
- package/dist/components/atoms/image/FallBackImage.js +10 -0
- package/dist/components/atoms/image/Image.css +1 -0
- package/dist/components/atoms/image/Image.js +24 -0
- package/dist/components/atoms/image/ResponsivePicture.js +17 -0
- package/dist/components/atoms/image/index.js +3 -0
- package/dist/components/atoms/input/Input.css +1 -0
- package/dist/components/atoms/input/Input.js +10 -0
- package/dist/components/atoms/input/index.js +3 -0
- package/dist/components/atoms/label/Label.css +1 -0
- package/dist/components/atoms/label/Label.js +30 -0
- package/dist/components/atoms/label/index.js +3 -0
- package/dist/components/atoms/link/Link.css +1 -0
- package/dist/components/atoms/link/Link.js +39 -0
- package/dist/components/atoms/link/index.js +3 -0
- package/dist/components/atoms/portal/Portal.js +11 -0
- package/dist/components/atoms/portal/index.js +2 -0
- package/dist/components/atoms/tooltip/Tooltip.controller.js +35 -0
- package/dist/components/atoms/tooltip/Tooltip.css +1 -0
- package/dist/components/atoms/tooltip/Tooltip.js +70 -0
- package/dist/components/atoms/tooltip/index.js +3 -0
- package/dist/components/contexts/form/FormContext.js +5 -0
- package/dist/components/contexts/theme/ThemeContext.js +11 -0
- package/dist/components/contexts/theme/ThemeProvider.js +21 -0
- package/dist/components/hocs/with-figure-caption/Figure.css +1 -0
- package/dist/components/hocs/with-figure-caption/index.js +2 -0
- package/dist/components/hocs/with-figure-caption/with-figure-caption.js +11 -0
- package/dist/components/hocs/with-tooltip/index.js +2 -0
- package/dist/components/hocs/with-tooltip/with-tooltip.js +8 -0
- package/dist/components/molecules/accordion/Accordion.css +1 -0
- package/dist/components/molecules/accordion/Accordion.js +11 -0
- package/dist/components/molecules/accordion/AccordionItem.css +1 -0
- package/dist/components/molecules/accordion/AccordionItem.js +24 -0
- package/dist/components/molecules/accordion/index.js +3 -0
- package/dist/components/molecules/alert/Alert.css +1 -0
- package/dist/components/molecules/alert/Alert.helpers.js +41 -0
- package/dist/components/molecules/alert/Alert.js +59 -0
- package/dist/components/molecules/alert/AlertProgressBar.js +13 -0
- package/dist/components/molecules/alert/index.js +3 -0
- package/dist/components/molecules/breadcrumbs/BreadcrumbItem.js +27 -0
- package/dist/components/molecules/breadcrumbs/BreadcrumbList.js +6 -0
- package/dist/components/molecules/breadcrumbs/Breadcrumbs.css +1 -0
- package/dist/components/molecules/breadcrumbs/Breadcrumbs.js +31 -0
- package/dist/components/molecules/breadcrumbs/index.js +3 -0
- package/dist/components/molecules/checkbox/Checkbox.controller.js +25 -0
- package/dist/components/molecules/checkbox/Checkbox.css +1 -0
- package/dist/components/molecules/checkbox/Checkbox.helpers.js +10 -0
- package/dist/components/molecules/checkbox/Checkbox.js +7 -0
- package/dist/components/molecules/checkbox/CheckboxStateful.js +61 -0
- package/dist/components/molecules/checkbox/CheckboxStateless.js +59 -0
- package/dist/components/molecules/checkbox/index.js +3 -0
- package/dist/components/molecules/multi-select/MultiSelect.Combobox.js +47 -0
- package/dist/components/molecules/multi-select/MultiSelect.Dropdown.js +31 -0
- package/dist/components/molecules/multi-select/MultiSelect.controller.js +37 -0
- package/dist/components/molecules/multi-select/MultiSelect.helpers.js +22 -0
- package/dist/components/molecules/multi-select/MultiSelect.js +61 -0
- package/dist/components/molecules/multi-select/MultiSelectComboboxSelectedValues.js +8 -0
- package/dist/components/molecules/multi-select/Option.js +40 -0
- package/dist/components/molecules/multi-select/index.js +2 -0
- package/dist/components/molecules/numeric-input/NumericInput.controller.js +45 -0
- package/dist/components/molecules/numeric-input/NumericInput.css +1 -0
- package/dist/components/molecules/numeric-input/NumericInput.helpers.js +20 -0
- package/dist/components/molecules/numeric-input/NumericInput.js +7 -0
- package/dist/components/molecules/numeric-input/NumericInputStateful.js +108 -0
- package/dist/components/molecules/numeric-input/NumericInputStateless.js +96 -0
- package/dist/components/molecules/numeric-input/index.js +3 -0
- package/dist/components/molecules/search/Search.controller.js +42 -0
- package/dist/components/molecules/search/Search.css +1 -0
- package/dist/components/molecules/search/Search.js +112 -0
- package/dist/components/molecules/search/index.js +3 -0
- package/dist/components/molecules/select/Select.controller.js +32 -0
- package/dist/components/molecules/select/Select.css +1 -0
- package/dist/components/molecules/select/Select.helpers.js +16 -0
- package/dist/components/molecules/select/Select.js +64 -0
- package/dist/components/molecules/select/combobox/Combobox.css +1 -0
- package/dist/components/molecules/select/combobox/Combobox.js +46 -0
- package/dist/components/molecules/select/combobox/index.js +3 -0
- package/dist/components/molecules/select/dropdown/Dropdown.css +1 -0
- package/dist/components/molecules/select/dropdown/Dropdown.js +46 -0
- package/dist/components/molecules/select/dropdown/index.js +3 -0
- package/dist/components/molecules/select/index.js +3 -0
- package/dist/components/molecules/select/option/Option.css +1 -0
- package/dist/components/molecules/select/option/Option.js +38 -0
- package/dist/components/molecules/select/option/index.js +3 -0
- package/dist/components/molecules/switch/Switch.controller.js +33 -0
- package/dist/components/molecules/switch/Switch.css +1 -0
- package/dist/components/molecules/switch/Switch.helpers.js +10 -0
- package/dist/components/molecules/switch/Switch.js +68 -0
- package/dist/components/molecules/switch/index.js +3 -0
- package/dist/components/molecules/text-input/TextInput.controller.js +36 -0
- package/dist/components/molecules/text-input/TextInput.css +1 -0
- package/dist/components/molecules/text-input/TextInput.helpers.js +18 -0
- package/dist/components/molecules/text-input/TextInput.js +7 -0
- package/dist/components/molecules/text-input/TextInputButtons.js +37 -0
- package/dist/components/molecules/text-input/TextInputStateful.js +92 -0
- package/dist/components/molecules/text-input/TextInputStateless.js +89 -0
- package/dist/components/molecules/text-input/index.js +3 -0
- package/dist/components/organisms/dialog/Dialog.css +1 -0
- package/dist/components/organisms/dialog/Dialog.js +32 -0
- package/dist/components/organisms/dialog/index.js +3 -0
- package/dist/components/organisms/form/Form.controller.js +29 -0
- package/dist/components/organisms/form/Form.css +1 -0
- package/dist/components/organisms/form/Form.helpers.js +14 -0
- package/dist/components/organisms/form/Form.js +48 -0
- package/dist/components/organisms/form/index.js +3 -0
- package/dist/components/organisms/grid/Grid.controller.js +34 -0
- package/dist/components/organisms/grid/Grid.css +1 -0
- package/dist/components/organisms/grid/Grid.helpers.js +15 -0
- package/dist/components/organisms/grid/Grid.js +60 -0
- package/dist/components/organisms/grid/body/GridBody.css +1 -0
- package/dist/components/organisms/grid/body/GridBody.js +31 -0
- package/dist/components/organisms/grid/checkbox/GridCheckbox.css +1 -0
- package/dist/components/organisms/grid/checkbox/GridCheckbox.js +52 -0
- package/dist/components/organisms/grid/column-group/GridColumnGroup.css +1 -0
- package/dist/components/organisms/grid/column-group/GridColumnGroup.js +26 -0
- package/dist/components/organisms/grid/data-cell/GridDataCell.js +5 -0
- package/dist/components/organisms/grid/grid-row/GridRow.css +1 -0
- package/dist/components/organisms/grid/grid-row/GridRow.js +35 -0
- package/dist/components/organisms/grid/grid-row/index.js +3 -0
- package/dist/components/organisms/grid/head/GridHead.css +1 -0
- package/dist/components/organisms/grid/head/GridHead.js +35 -0
- package/dist/components/organisms/grid/header-cell/HeaderCell.js +8 -0
- package/dist/components/organisms/grid/header-cell/index.js +2 -0
- package/dist/components/organisms/grid/index.js +3 -0
- package/dist/components/organisms/grid/select-all-grid-rows-cell/SelectAllGridRowsCell.js +24 -0
- package/dist/components/organisms/grid/select-all-grid-rows-cell/index.js +2 -0
- package/dist/components/organisms/grid/select-grid-row-cell/SelectGridRowCell.js +24 -0
- package/dist/components/organisms/grid/select-grid-row-cell/index.js +2 -0
- package/dist/components/organisms/menu/Menu.css +1 -0
- package/dist/components/organisms/menu/Menu.js +22 -0
- package/dist/components/organisms/menu/index.js +3 -0
- package/dist/components/organisms/menu/leaf/MenuLeaf.css +1 -0
- package/dist/components/organisms/menu/leaf/MenuLeaf.js +28 -0
- package/dist/components/organisms/menu/list-item/MenuListItem.css +1 -0
- package/dist/components/organisms/menu/list-item/MenuListItem.js +35 -0
- package/dist/components/organisms/menu/sub-menu/SubMenu.css +1 -0
- package/dist/components/organisms/menu/sub-menu/SubMenu.js +67 -0
- package/dist/components/organisms/menu/sub-menu/index.js +3 -0
- package/dist/components/organisms/tabs/Tabs.css +1 -0
- package/dist/components/organisms/tabs/Tabs.js +80 -0
- package/dist/components/organisms/tabs/button/TabButton.css +1 -0
- package/dist/components/organisms/tabs/button/TabButton.js +111 -0
- package/dist/components/organisms/tabs/content/TabContent.css +1 -0
- package/dist/components/organisms/tabs/content/TabContent.js +19 -0
- package/dist/components/organisms/tabs/edit-input/TabEditInput.css +1 -0
- package/dist/components/organisms/tabs/edit-input/TabEditInput.js +64 -0
- package/dist/components/organisms/tabs/index.js +3 -0
- package/dist/components/organisms/tabs/list/TabList.css +1 -0
- package/dist/components/organisms/tabs/list/TabList.js +67 -0
- package/dist/enums/alert-mode.js +4 -0
- package/dist/enums/button-view.js +4 -0
- package/dist/enums/element-size.js +4 -0
- package/dist/enums/icon-name.js +4 -0
- package/dist/enums/index.js +8 -0
- package/dist/enums/loader-view.js +4 -0
- package/dist/enums/orientation-mode.js +4 -0
- package/dist/enums/semantic-color.js +4 -0
- package/dist/enums/tooltip-container.js +4 -0
- package/dist/hooks/index.js +15 -0
- package/dist/hooks/use-auto-close/index.js +2 -0
- package/dist/hooks/use-auto-close/use-auto-close.js +18 -0
- package/dist/hooks/use-click-outside/index.js +2 -0
- package/dist/hooks/use-click-outside/use-click-outside.js +19 -0
- package/dist/hooks/use-container-dimensions/index.js +2 -0
- package/dist/hooks/use-container-dimensions/use-container-dimensions.js +16 -0
- package/dist/hooks/use-debounce/index.js +2 -0
- package/dist/hooks/use-debounce/use-debounce.js +15 -0
- package/dist/hooks/use-element-ids/index.js +2 -0
- package/dist/hooks/use-element-ids/use-element-ids.js +12 -0
- package/dist/hooks/use-is-hovered/index.js +2 -0
- package/dist/hooks/use-is-hovered/use-is-hovered.js +15 -0
- package/dist/hooks/use-is-mounted/index.js +2 -0
- package/dist/hooks/use-is-mounted/use-is-mounted.js +15 -0
- package/dist/hooks/use-is-overflow/index.js +2 -0
- package/dist/hooks/use-is-overflow/use-is-overflow.js +27 -0
- package/dist/hooks/use-key-press/index.js +2 -0
- package/dist/hooks/use-key-press/use-key-press.js +14 -0
- package/dist/hooks/use-modal-focus-trap/index.js +2 -0
- package/dist/hooks/use-modal-focus-trap/use-modal-focus-trap.js +20 -0
- package/dist/hooks/use-remaining-timer/index.js +2 -0
- package/dist/hooks/use-remaining-timer/use-remaining-timer.js +38 -0
- package/dist/hooks/use-reset-form-input/index.js +2 -0
- package/dist/hooks/use-reset-form-input/use-reset-form-input.js +11 -0
- package/dist/hooks/use-theme/index.js +2 -0
- package/dist/hooks/use-theme/use-theme.js +6 -0
- package/dist/hooks/use-tooltip-position/index.js +2 -0
- package/dist/hooks/use-tooltip-position/use-tooltip-position.js +31 -0
- package/dist/hooks/use-window-dimensions/index.js +2 -0
- package/dist/hooks/use-window-dimensions/use-window-dimensions.js +17 -0
- package/dist/index.d.ts +327 -70
- package/dist/index.es.js +109 -4591
- package/dist/styles/icons.css +1 -0
- package/dist/styles/main.css +1 -0
- package/dist/utils/get-class-name.js +16 -0
- package/dist/utils/handle-dropdown-list-key-press.js +32 -0
- package/dist/utils/index.js +3 -0
- package/dist/utils/move-focus-on-element-by-id.js +7 -0
- package/package.json +75 -22
- package/dist/favicon.ico +0 -0
- package/dist/index.cjs.js +0 -7
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.css +0 -1
- package/dist/index.es.js.map +0 -1
- package/dist/logo.jpeg +0 -0
- package/dist/logo.png +0 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var i = /* @__PURE__ */ ((o) => (o.Activity = "chop-icon__activity", o.Airplay = "chop-icon__airplay", o.AlertCircle = "chop-icon__alert-circle", o.AlertOctagon = "chop-icon__alert-octagon", o.AlertTriangle = "chop-icon__alert-triangle", o.AlignCenter = "chop-icon__align-center", o.AlignJustify = "chop-icon__align-justify", o.AlignLeft = "chop-icon__align-left", o.AlignRight = "chop-icon__align-right", o.Anchor = "chop-icon__anchor", o.Aperture = "chop-icon__aperture", o.Archive = "chop-icon__archive", o.ArrowDown = "chop-icon__arrow-down", o.ArrowDownCircle = "chop-icon__arrow-down-circle", o.ArrowDownLeft = "chop-icon__arrow-down-left", o.ArrowDownRight = "chop-icon__arrow-down-right", o.ArrowLeft = "chop-icon__arrow-left", o.ArrowLeftCircle = "chop-icon__arrow-left-circle", o.ArrowRight = "chop-icon__arrow-right", o.ArrowRightCircle = "chop-icon__arrow-right-circle", o.ArrowUp = "chop-icon__arrow-up", o.ArrowUpCircle = "chop-icon__arrow-up-circle", o.ArrowUpLeft = "chop-icon__arrow-up-left", o.ArrowUpRight = "chop-icon__arrow-up-right", o.AtSign = "chop-icon__at-sign", o.Award = "chop-icon__award", o.BarChart = "chop-icon__bar-chart", o.BarChart2 = "chop-icon__bar-chart-2", o.Battery = "chop-icon__battery", o.BatteryCharging = "chop-icon__battery-charging", o.Bell = "chop-icon__bell", o.BellOff = "chop-icon__bell-off", o.Bluetooth = "chop-icon__bluetooth", o.Bold = "chop-icon__bold", o.Book = "chop-icon__book", o.BookOpen = "chop-icon__book-open", o.Bookmark = "chop-icon__bookmark", o.Box = "chop-icon__box", o.Briefcase = "chop-icon__briefcase", o.Calendar = "chop-icon__calendar", o.Camera = "chop-icon__camera", o.CameraOff = "chop-icon__camera-off", o.Cast = "chop-icon__cast", o.Check = "chop-icon__check", o.CheckCircle = "chop-icon__check-circle", o.CheckSquare = "chop-icon__check-square", o.ChevronDown = "chop-icon__chevron-down", o.ChevronLeft = "chop-icon__chevron-left", o.ChevronRight = "chop-icon__chevron-right", o.ChevronUp = "chop-icon__chevron-up", o.ChevronsDown = "chop-icon__chevrons-down", o.ChevronsLeft = "chop-icon__chevrons-left", o.ChevronsRight = "chop-icon__chevrons-right", o.ChevronsUp = "chop-icon__chevrons-up", o.Chrome = "chop-icon__chrome", o.Circle = "chop-icon__circle", o.Clipboard = "chop-icon__clipboard", o.Clock = "chop-icon__clock", o.Cloud = "chop-icon__cloud", o.CloudDrizzle = "chop-icon__cloud-drizzle", o.CloudLightning = "chop-icon__cloud-lightning", o.CloudOff = "chop-icon__cloud-off", o.CloudRain = "chop-icon__cloud-rain", o.CloudSnow = "chop-icon__cloud-snow", o.Code = "chop-icon__code", o.Codepen = "chop-icon__codepen", o.Codesandbox = "chop-icon__codesandbox", o.Coffee = "chop-icon__coffee", o.Columns = "chop-icon__columns", o.Command = "chop-icon__command", o.Compass = "chop-icon__compass", o.Copy = "chop-icon__copy", o.CornerDownLeft = "chop-icon__corner-down-left", o.CornerDownRight = "chop-icon__corner-down-right", o.CornerLeftDown = "chop-icon__corner-left-down", o.CornerLeftUp = "chop-icon__corner-left-up", o.CornerRightDown = "chop-icon__corner-right-down", o.CornerRightUp = "chop-icon__corner-right-up", o.CornerUpLeft = "chop-icon__corner-up-left", o.CornerUpRight = "chop-icon__corner-up-right", o.Cpu = "chop-icon__cpu", o.CreditCard = "chop-icon__credit-card", o.Crop = "chop-icon__crop", o.Crosshair = "chop-icon__crosshair", o.Database = "chop-icon__database", o.Delete = "chop-icon__delete", o.Disc = "chop-icon__disc", o.DollarSign = "chop-icon__dollar-sign", o.Download = "chop-icon__download", o.DownloadCloud = "chop-icon__download-cloud", o.Droplet = "chop-icon__droplet", o.Edit = "chop-icon__edit", o.Edit2 = "chop-icon__edit-2", o.Edit3 = "chop-icon__edit-3", o.ExternalLink = "chop-icon__external-link", o.Eye = "chop-icon__eye", o.EyeOff = "chop-icon__eye-off", o.Facebook = "chop-icon__facebook", o.FastForward = "chop-icon__fast-forward", o.Feather = "chop-icon__feather", o.Figma = "chop-icon__figma", o.File = "chop-icon__file", o.FileMinus = "chop-icon__file-minus", o.FilePlus = "chop-icon__file-plus", o.FileText = "chop-icon__file-text", o.Film = "chop-icon__film", o.Filter = "chop-icon__filter", o.Flag = "chop-icon__flag", o.Folder = "chop-icon__folder", o.FolderMinus = "chop-icon__folder-minus", o.FolderPlus = "chop-icon__folder-plus", o.Framer = "chop-icon__framer", o.Frown = "chop-icon__frown", o.Gift = "chop-icon__gift", o.GitBranch = "chop-icon__git-branch", o.GitCommit = "chop-icon__git-commit", o.GitMerge = "chop-icon__git-merge", o.GitPullRequest = "chop-icon__git-pull-request", o.Github = "chop-icon__github", o.Gitlab = "chop-icon__gitlab", o.Globe = "chop-icon__globe", o.Grid = "chop-icon__grid", o.HardDrive = "chop-icon__hard-drive", o.Hash = "chop-icon__hash", o.Headphones = "chop-icon__headphones", o.Heart = "chop-icon__heart", o.HelpCircle = "chop-icon__help-circle", o.Hexagon = "chop-icon__hexagon", o.Home = "chop-icon__home", o.Image = "chop-icon__image", o.Inbox = "chop-icon__inbox", o.Info = "chop-icon__info", o.Instagram = "chop-icon__instagram", o.Italic = "chop-icon__italic", o.Key = "chop-icon__key", o.Layers = "chop-icon__layers", o.Layout = "chop-icon__layout", o.LifeBuoy = "chop-icon__life-buoy", o.Link = "chop-icon__link", o.Link2 = "chop-icon__link-2", o.Linkedin = "chop-icon__linkedin", o.List = "chop-icon__list", o.Loader = "chop-icon__loader", o.Lock = "chop-icon__lock", o.LogIn = "chop-icon__log-in", o.LogOut = "chop-icon__log-out", o.Mail = "chop-icon__mail", o.Map = "chop-icon__map", o.MapPin = "chop-icon__map-pin", o.Maximize = "chop-icon__maximize", o.Maximize2 = "chop-icon__maximize-2", o.Meh = "chop-icon__meh", o.Menu = "chop-icon__menu", o.MessageCircle = "chop-icon__message-circle", o.MessageSquare = "chop-icon__message-square", o.Mic = "chop-icon__mic", o.MicOff = "chop-icon__mic-off", o.Minimize = "chop-icon__minimize", o.Minimize2 = "chop-icon__minimize-2", o.Minus = "chop-icon__minus", o.MinusCircle = "chop-icon__minus-circle", o.MinusSquare = "chop-icon__minus-square", o.Monitor = "chop-icon__monitor", o.Moon = "chop-icon__moon", o.MoreHorizontal = "chop-icon__more-horizontal", o.MoreVertical = "chop-icon__more-vertical", o.MousePointer = "chop-icon__mouse-pointer", o.Move = "chop-icon__move", o.Music = "chop-icon__music", o.Navigation = "chop-icon__navigation", o.Navigation2 = "chop-icon__navigation-2", o.Octagon = "chop-icon__octagon", o.Package = "chop-icon__package", o.Paperclip = "chop-icon__paperclip", o.Pause = "chop-icon__pause", o.PauseCircle = "chop-icon__pause-circle", o.PenTool = "chop-icon__pen-tool", o.Percent = "chop-icon__percent", o.Phone = "chop-icon__phone", o.PhoneCall = "chop-icon__phone-call", o.PhoneForwarded = "chop-icon__phone-forwarded", o.PhoneIncoming = "chop-icon__phone-incoming", o.PhoneMissed = "chop-icon__phone-missed", o.PhoneOff = "chop-icon__phone-off", o.PhoneOutgoing = "chop-icon__phone-outgoing", o.PieChart = "chop-icon__pie-chart", o.Play = "chop-icon__play", o.PlayCircle = "chop-icon__play-circle", o.Plus = "chop-icon__plus", o.PlusCircle = "chop-icon__plus-circle", o.PlusSquare = "chop-icon__plus-square", o.Pocket = "chop-icon__pocket", o.Power = "chop-icon__power", o.Printer = "chop-icon__printer", o.Radio = "chop-icon__radio", o.RefreshCcw = "chop-icon__refresh-ccw", o.RefreshCw = "chop-icon__refresh-cw", o.Repeat = "chop-icon__repeat", o.Rewind = "chop-icon__rewind", o.RotateCcw = "chop-icon__rotate-ccw", o.RotateCw = "chop-icon__rotate-cw", o.Rss = "chop-icon__rss", o.Save = "chop-icon__save", o.Scissors = "chop-icon__scissors", o.Search = "chop-icon__search", o.Send = "chop-icon__send", o.Server = "chop-icon__server", o.Settings = "chop-icon__settings", o.Share = "chop-icon__share", o.Share2 = "chop-icon__share-2", o.Shield = "chop-icon__shield", o.ShieldOff = "chop-icon__shield-off", o.ShoppingBag = "chop-icon__shopping-bag", o.ShoppingCart = "chop-icon__shopping-cart", o.Shuffle = "chop-icon__shuffle", o.Sidebar = "chop-icon__sidebar", o.SkipBack = "chop-icon__skip-back", o.SkipForward = "chop-icon__skip-forward", o.Slack = "chop-icon__slack", o.Slash = "chop-icon__slash", o.Sliders = "chop-icon__sliders", o.Smartphone = "chop-icon__smartphone", o.Smile = "chop-icon__smile", o.Speaker = "chop-icon__speaker", o.Square = "chop-icon__square", o.Star = "chop-icon__star", o.StopCircle = "chop-icon__stop-circle", o.Sun = "chop-icon__sun", o.Sunrise = "chop-icon__sunrise", o.Sunset = "chop-icon__sunset", o.Tablet = "chop-icon__tablet", o.Tag = "chop-icon__tag", o.Target = "chop-icon__target", o.Terminal = "chop-icon__terminal", o.Thermometer = "chop-icon__thermometer", o.ThumbsDown = "chop-icon__thumbs-down", o.ThumbsUp = "chop-icon__thumbs-up", o.ToggleLeft = "chop-icon__toggle-left", o.ToggleRight = "chop-icon__toggle-right", o.Tool = "chop-icon__tool", o.Trash = "chop-icon__trash", o.Trash2 = "chop-icon__trash-2", o.Trello = "chop-icon__trello", o.TrendingDown = "chop-icon__trending-down", o.TrendingUp = "chop-icon__trending-up", o.Triangle = "chop-icon__triangle", o.Truck = "chop-icon__truck", o.Tv = "chop-icon__tv", o.Twitch = "chop-icon__twitch", o.Twitter = "chop-icon__twitter", o.Type = "chop-icon__type", o.Umbrella = "chop-icon__umbrella", o.Underline = "chop-icon__underline", o.Unlock = "chop-icon__unlock", o.Upload = "chop-icon__upload", o.UploadCloud = "chop-icon__upload-cloud", o.User = "chop-icon__user", o.UserCheck = "chop-icon__user-check", o.UserMinus = "chop-icon__user-minus", o.UserPlus = "chop-icon__user-plus", o.UserX = "chop-icon__user-x", o.Users = "chop-icon__users", o.Video = "chop-icon__video", o.VideoOff = "chop-icon__video-off", o.Voicemail = "chop-icon__voicemail", o.Volume = "chop-icon__volume", o.Volume1 = "chop-icon__volume-1", o.Volume2 = "chop-icon__volume-2", o.VolumeX = "chop-icon__volume-x", o.Watch = "chop-icon__watch", o.Wifi = "chop-icon__wifi", o.WifiOff = "chop-icon__wifi-off", o.Wind = "chop-icon__wind", o.X = "chop-icon__x", o.XCircle = "chop-icon__x-circle", o.XOctagon = "chop-icon__x-octagon", o.XSquare = "chop-icon__x-square", o.Youtube = "chop-icon__youtube", o.Zap = "chop-icon__zap", o.ZapOff = "chop-icon__zap-off", o.ZoomIn = "chop-icon__zoom-in", o.ZoomOut = "chop-icon__zoom-out", o))(i || {});
|
|
2
|
+
export {
|
|
3
|
+
i as IconName
|
|
4
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './alert-mode.js';
|
|
2
|
+
export * from './button-view.js';
|
|
3
|
+
export * from './element-size.js';
|
|
4
|
+
export * from './icon-name.js';
|
|
5
|
+
export * from './loader-view.js';
|
|
6
|
+
export * from './orientation-mode.js';
|
|
7
|
+
export * from './semantic-color.js';
|
|
8
|
+
export * from './tooltip-container.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export * from './use-auto-close/index.js';
|
|
2
|
+
export * from './use-click-outside/index.js';
|
|
3
|
+
export * from './use-container-dimensions/index.js';
|
|
4
|
+
export * from './use-debounce/index.js';
|
|
5
|
+
export * from './use-element-ids/index.js';
|
|
6
|
+
export * from './use-is-hovered/index.js';
|
|
7
|
+
export * from './use-is-mounted/index.js';
|
|
8
|
+
export * from './use-is-overflow/index.js';
|
|
9
|
+
export * from './use-key-press/index.js';
|
|
10
|
+
export * from './use-modal-focus-trap/index.js';
|
|
11
|
+
export * from './use-remaining-timer/index.js';
|
|
12
|
+
export * from './use-reset-form-input/index.js';
|
|
13
|
+
export * from './use-theme/index.js';
|
|
14
|
+
export * from './use-tooltip-position/index.js';
|
|
15
|
+
export * from './use-window-dimensions/index.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useEffect as c } from "react";
|
|
2
|
+
const i = ({
|
|
3
|
+
isOpened: t,
|
|
4
|
+
onClose: r,
|
|
5
|
+
autoClose: e = !0,
|
|
6
|
+
autoCloseDelay: u = 3e3
|
|
7
|
+
}) => {
|
|
8
|
+
c(() => {
|
|
9
|
+
if (!t || !e) return;
|
|
10
|
+
const m = setTimeout(() => {
|
|
11
|
+
r();
|
|
12
|
+
}, u);
|
|
13
|
+
return () => clearTimeout(m);
|
|
14
|
+
}, [t, e, u, r]);
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
i as useAutoClose
|
|
18
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useEffect as u } from "react";
|
|
2
|
+
const a = ({
|
|
3
|
+
ref: t,
|
|
4
|
+
onClickOutsideHandler: n,
|
|
5
|
+
dependentRef: e
|
|
6
|
+
}) => {
|
|
7
|
+
u(() => {
|
|
8
|
+
const s = (o) => {
|
|
9
|
+
const r = t?.current && !t.current.contains(o.target), c = !e?.current ? !0 : !e?.current?.contains(o.target);
|
|
10
|
+
r && c && n();
|
|
11
|
+
};
|
|
12
|
+
return document.addEventListener("mousedown", s), () => {
|
|
13
|
+
document.removeEventListener("mousedown", s);
|
|
14
|
+
};
|
|
15
|
+
}, [t, e, n]);
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
a as useClickOutside
|
|
19
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useState as s, useEffect as o } from "react";
|
|
2
|
+
const h = ({
|
|
3
|
+
ref: t,
|
|
4
|
+
isVisible: e
|
|
5
|
+
}) => {
|
|
6
|
+
const [n, i] = s({ width: 0, height: 0 });
|
|
7
|
+
return o(() => {
|
|
8
|
+
t?.current && e && i({
|
|
9
|
+
width: t.current.offsetWidth,
|
|
10
|
+
height: t.current.offsetHeight
|
|
11
|
+
});
|
|
12
|
+
}, [t, e]), n;
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
h as useContainerDimensions
|
|
16
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useState as r, useEffect as c } from "react";
|
|
2
|
+
const m = (e, t) => {
|
|
3
|
+
const [o, u] = r(e);
|
|
4
|
+
return c(() => {
|
|
5
|
+
const n = setTimeout(() => {
|
|
6
|
+
u(e);
|
|
7
|
+
}, t);
|
|
8
|
+
return () => {
|
|
9
|
+
clearTimeout(n);
|
|
10
|
+
};
|
|
11
|
+
}, [e, t]), o;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
m as useDebounce
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useState as v, useEffect as a } from "react";
|
|
2
|
+
function d(t, r = !0) {
|
|
3
|
+
const [u, n] = v(!1);
|
|
4
|
+
return a(() => {
|
|
5
|
+
const e = t.current;
|
|
6
|
+
if (!e || !r) return;
|
|
7
|
+
const s = () => n(!0), o = () => n(!1);
|
|
8
|
+
return e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", o), () => {
|
|
9
|
+
e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", o);
|
|
10
|
+
};
|
|
11
|
+
}, [t, r]), u;
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
d as useIsHovered
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useState as r, useEffect as f } from "react";
|
|
2
|
+
const n = (t, s = 300) => {
|
|
3
|
+
const [o, u] = r(!1);
|
|
4
|
+
return f(() => {
|
|
5
|
+
let e;
|
|
6
|
+
return t ? u(!0) : e = setTimeout(() => {
|
|
7
|
+
u(!1);
|
|
8
|
+
}, s), () => {
|
|
9
|
+
e && clearTimeout(e);
|
|
10
|
+
};
|
|
11
|
+
}, [t, s]), o;
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
n as useIsMounted
|
|
15
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { useState as l, useEffect as w } from "react";
|
|
2
|
+
const v = ({
|
|
3
|
+
ref: o,
|
|
4
|
+
dimension: e,
|
|
5
|
+
isMounted: c
|
|
6
|
+
}) => {
|
|
7
|
+
const [f, n] = l(!1);
|
|
8
|
+
return w(() => {
|
|
9
|
+
const t = () => {
|
|
10
|
+
const { current: r } = o;
|
|
11
|
+
if (r) {
|
|
12
|
+
if (e === "width") {
|
|
13
|
+
const { scrollWidth: s = 0, clientWidth: i = 0 } = r;
|
|
14
|
+
n(s > i);
|
|
15
|
+
}
|
|
16
|
+
if (e === "height") {
|
|
17
|
+
const { scrollHeight: s = 0, clientHeight: i = 0 } = r;
|
|
18
|
+
n(s > i);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return c && t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
23
|
+
}, [o, e, c]), f;
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
v as useIsOverflow
|
|
27
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useEffect as o } from "react";
|
|
2
|
+
const d = ({ ref: e, keyCode: t, onKeyPress: n }) => {
|
|
3
|
+
o(() => {
|
|
4
|
+
const r = (s) => {
|
|
5
|
+
s?.code === t && e?.current && n();
|
|
6
|
+
};
|
|
7
|
+
return document.addEventListener("keydown", r, !1), () => {
|
|
8
|
+
document.removeEventListener("keydown", r, !1);
|
|
9
|
+
};
|
|
10
|
+
}, [e, t, n]);
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
d as useKeyPress
|
|
14
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useEffect as l } from "react";
|
|
2
|
+
const u = ({ modalRef: n, isOpened: r }) => {
|
|
3
|
+
l(() => {
|
|
4
|
+
const t = n.current;
|
|
5
|
+
if (!r || !t) return;
|
|
6
|
+
const o = Array.from(
|
|
7
|
+
t.querySelectorAll(
|
|
8
|
+
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
9
|
+
)
|
|
10
|
+
), s = o[0], a = o.at(-1), c = (e) => {
|
|
11
|
+
e.key === "Tab" && (e.shiftKey && document.activeElement === s ? (e.preventDefault(), a.focus()) : !e.shiftKey && document.activeElement === a && (e.preventDefault(), s.focus()));
|
|
12
|
+
};
|
|
13
|
+
return t.addEventListener("keydown", c), () => {
|
|
14
|
+
t.removeEventListener("keydown", c);
|
|
15
|
+
};
|
|
16
|
+
}, [n, r]);
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
u as useModalFocusTrap
|
|
20
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useState as R, useRef as c, useEffect as p } from "react";
|
|
2
|
+
function T({
|
|
3
|
+
isOpened: i,
|
|
4
|
+
isHovered: a,
|
|
5
|
+
onClose: u,
|
|
6
|
+
autoClose: m = !0,
|
|
7
|
+
autoCloseDelay: r = 3e3
|
|
8
|
+
}) {
|
|
9
|
+
const [g, f] = R(100), s = c(0), n = c(0), e = c(0);
|
|
10
|
+
return p(() => {
|
|
11
|
+
if (!m) return;
|
|
12
|
+
if (!i) {
|
|
13
|
+
f(100), n.current = 0, e.current && cancelAnimationFrame(e.current);
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
if (a) {
|
|
17
|
+
e.current && cancelAnimationFrame(e.current);
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
s.current = Date.now() - n.current;
|
|
21
|
+
const o = () => {
|
|
22
|
+
const t = Date.now() - s.current;
|
|
23
|
+
n.current = t;
|
|
24
|
+
const F = Math.max(0, 100 - t / r * 100);
|
|
25
|
+
if (f(F), t >= r) {
|
|
26
|
+
u();
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
e.current = requestAnimationFrame(o);
|
|
30
|
+
};
|
|
31
|
+
return e.current = requestAnimationFrame(o), () => {
|
|
32
|
+
e.current && cancelAnimationFrame(e.current);
|
|
33
|
+
};
|
|
34
|
+
}, [i, a, u, r, m]), g;
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
T as useRemainingTimer
|
|
38
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useContext as e, useEffect as r } from "react";
|
|
2
|
+
import { FormContext as m } from "../../components/contexts/form/FormContext.js";
|
|
3
|
+
const n = (t) => {
|
|
4
|
+
const { resetSignal: o } = e(m);
|
|
5
|
+
r(() => {
|
|
6
|
+
o && t();
|
|
7
|
+
}, [o, t]);
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
n as useResetFormInput
|
|
11
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { useState as m, useEffect as w } from "react";
|
|
2
|
+
import { useContainerDimensions as b } from "../use-container-dimensions/use-container-dimensions.js";
|
|
3
|
+
const P = ({
|
|
4
|
+
wrapperRef: i,
|
|
5
|
+
tooltipRef: c,
|
|
6
|
+
isOpened: n,
|
|
7
|
+
spacing: t = 4
|
|
8
|
+
}) => {
|
|
9
|
+
const [f, l] = m({ top: 0, left: 0 }), { width: r, height: s } = b({
|
|
10
|
+
ref: c,
|
|
11
|
+
isVisible: n
|
|
12
|
+
});
|
|
13
|
+
return w(() => {
|
|
14
|
+
if (!n || !i?.current)
|
|
15
|
+
return;
|
|
16
|
+
const d = () => {
|
|
17
|
+
const e = i.current?.getBoundingClientRect();
|
|
18
|
+
if (!e) return;
|
|
19
|
+
let u = Math.round(e.bottom + t), o = Math.round(e.left);
|
|
20
|
+
u + s > window.innerHeight && (u = Math.round(e.top - s - t)), o + r > window.innerWidth && (o = Math.round(window.innerWidth - r - t)), o < 0 && (o = t), l({ top: u, left: o });
|
|
21
|
+
};
|
|
22
|
+
d();
|
|
23
|
+
const h = new ResizeObserver(d);
|
|
24
|
+
return h.observe(document.documentElement), () => {
|
|
25
|
+
h.disconnect();
|
|
26
|
+
};
|
|
27
|
+
}, [n, i, s, r, t]), f;
|
|
28
|
+
};
|
|
29
|
+
export {
|
|
30
|
+
P as useTooltipPosition
|
|
31
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useState as o, useEffect as s } from "react";
|
|
2
|
+
function t() {
|
|
3
|
+
const { innerWidth: e, innerHeight: n } = globalThis;
|
|
4
|
+
return { width: e, height: n };
|
|
5
|
+
}
|
|
6
|
+
function d() {
|
|
7
|
+
const [e, n] = o(t());
|
|
8
|
+
return s(() => {
|
|
9
|
+
function i() {
|
|
10
|
+
n(t());
|
|
11
|
+
}
|
|
12
|
+
return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
|
|
13
|
+
}, []), e;
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
d as useWindowDimensions
|
|
17
|
+
};
|